블로그 이름을 입력해주세요

이번에 정리해볼 프로젝트는 온땅(Onttang)이다 2026년 관광데이터 활용 공모전에 출품하기 위해 만든 프로젝트이고, 이름 그대로 전국의 관광지를 둘러보면서 내가 실제로 방문한 장소를 스탬프로 남기고 내 영토처럼 쌓아가는 모바일 앱이다처음 아이디어는 단순했다 여행 앱은 많은데, 막상 “내가 어디를 얼마나 다녀왔는지”를 게임처럼 보여주는 서비스는 생각보다 잘 떠오르지 않았다 그래서 관광지 정보를 그냥 검색해서 보는 데서 끝내지 않고, 지도 위에서 찾고, 직접 방문하고, 기록이 쌓이는 흐름까지 만들어보고 싶었다 구글https://play.google.com/store/apps/details?id=com.jihoon8730.onttang&hl=ko 온땅 - 전국 관광지 탐색 스탬프 여행 - Google P..

xcode -> settings -> ios26 + ios 26.0.1 Simulator Update 버튼 클릭 -> 시뮬레이터에 iphone 17pro 잡혀 있는지 확인 (최악의 xcode..)

요즘 정말 바쁜 나날을 보내고 있다. 하루가 멀다 하고 밀려드는 기능 추가와 수정 요청을 구현하느라 분주하다.회사 전체가 이렇게 바쁜 이유는 신규 입사자가 늘어난 것은 물론, 곧 열리는 2025 코리아 블록체인 위크(KBW)에서 브론즈 스폰서로 참가해 좋은 성과를 거두기 위해 모두가 힘을 쏟고 있기 때문이다. 블록체인 분야 최대 규모의 행사에 참가하는 만큼, 우리가 이 생태계를 주도하고 있다는 자부심도 크다. 개인적으로는 회사 입사 이후 가장 큰 기여를 했던 프로젝트로 참여하게 되어, 다른 팀원들보다 더 깊은 의미를 느끼고 있다. 회사는 KBW를 앞두고 프로젝트 기획은 물론, 참여도를 높이기 위한 다양한 이벤트를 준비 중이며, 개발팀은 마지막 순간까지 플랫폼을 완성도 있게 다듬기 위해 총력을 다하고 있다..

"앱이 Android 15(API 수준 35) 이상을 타겟팅해야 함" 시작하면서이번에 많은 앱개발자들이 작년부터 변경된 구글의 api 보안 정책 때문에 버전을 강제 업데이트 하고 있다만약 업데이트를 기한 내에 하지 않으면 앱 출시가 중단되고 구글 플레이 스토어에서 사라지게 된다 나 또한 마찬가지로 이번에 미루고 있던 버전 업데이트를 최신 버전으로 적용시키게 되었다여기서 말하는 api 수준 35는 안드로이드에 해당하는 컴파일 sdk 버전을 35 이상으로 올려야 한다는 말인데 리액트 네이티브에서 sdk를 35 이상으로 올리려면 필수적으로 리액트 네이티브의 버전을 같이 업그레이드시켜 줘야 버전 업데이트가 가능하다시작 전 선행작업1. 레거시 코드 청산오래된 코드일수록 새로운 아키텍처를 적용한 로직으로 적용해 주..

저번 Aceternity UI를 소개로 UI 컴포넌트 라이브러리를 하나 더 소개 합니다 팀원 분이 이런 것도 있다고 소개 해줬는데 완성형 컴포넌트로 제공 한다는 점에 있어 간단한 테스트 케이스만 만들어 바로 적용 할 수 있다는 점이 장점이 될 수 있을거 같습니다또한 빠르게 깃허브 스타가 올라가고 있다는 점도 많은 프론트엔드 개발자들이 관심 있게 보고 있다는 지표가 될거 같습니다 https://reactbits.dev/ React BitsAn open source collection of high quality, animated, interactive & fully customizable React components for building stunning, memorable user interfaces...

https://ui.aceternity.com/ Aceternity UIBeautiful Tailwind CSS and Framer Motion Components, built with Next.js and TypeScript.ui.aceternity.comAceternity UI는 Next.js와 Tailwind CSS, Framer Motion, TypeScript를 기반으로 한 오픈소스 UI 컴포넌트 라이브러리입니다. 이 라이브러리는 "웹사이트를 10배 멋지게 만들어라"라는 슬로건 아래, 동적이고 시각적으로 매력적인 웹 페이지를 쉽고 빠르게 개발할 수 있도록 다양한 고급 UI 컴포넌트와 템플릿을 제공합니다주요 특징Next.js와의 뛰어난 호환성Aceternity UI는 Next.js 프로젝트에 바로..

JS를 사용하는 프론트 개발자들이 한번 쯤 들어봤을 유명한 차트 라이브러리인 echarts를 회사 요구사항에 맞춰 사용해 보았다 그 중 line chart를 만들어 보았다 다양한 차트의 종류는 공식 doc를 통해 확인 할 수 있다 https://echarts.apache.org/examples/en/index.html Examples - Apache ECharts echarts.apache.org Javascript Reactinstallnpm install echarts echarts-for-react LineChart.js// LineChart.jsimport React from 'react';import ReactECharts from 'echarts-for-react';c..

들어가면서"검색엔진의 검색은 페이지의 콘텐츠를 파악하기 위해 노력하고 있습니다 페이지에 구조화된 데이터를 포함하면 페이지 의미에 관한 확실한 단서를 제공하여 내용을 파악하는데 도움이 됩니다구조화된 데이터는 페이지에 관한 정보를 제공하고 페이지 콘텐츠를 분류하기 위한 표준화된 형식으로 예를 들어 레시피 페이지의 경우 재료, 조리 시간, 온도, 칼로리 등이 여기에 해당합니다" - 구글의 구조화된 데이터에 관한 설명 중 -왜 페이지에 구조화된 데이터를 추가하나?구조화된 데이터를 추가하면 사용자에게 더욱 눈길을 끄는 검색결과를 제공하여 웹사이트와 더 많이 상호작용하도록 유도할 수 있으며, 이를 리치 결과라고 한다 사이트에 구조화된 데이터를 구현한 웹사이트의 우수사례를 살펴보면 다음과 같다.Rotten Tomat..