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

프론트엔드 개발을 하다 보면 새 기능을 만들 때 가장 먼저 하는 루틴이 있습니다.백엔드 개발자가 공유해 준 Swagger(OpenAPI) 문서를 띄워놓고, 요청(Request)과 응답(Response) 스펙을 눈으로 보면서 TypeScript interface를 한 땀 한 땀 작성하는 일이죠.처음 한두 개 API를 연동할 때는 크게 어렵지 않습니다. 하지만 프로젝트 규모가 커지고 API가 수십 개로 늘어나면 어떨까요?*"어? 백엔드에서 userName이 아니라 name으로 바꿨네?"**"이 필드는 null이 올 수도 있는 거였어?"**"필드가 30개나 되는 응답 객체를 언제 다 타이핑하지..."*이런 고민을 한 번이라도 해봤다면, openapi-typescript가 아주 명쾌한 해답이 될 수 있습니다. ..

이번에 정리해볼 프로젝트는 온땅(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..