개발 경험과 기술적인 고민, 그리고 일상의 이야기들을 기록합니다.
타입 안전한 i18next 다국어 처리: 스키마에서 컴파일 타임 키 검증까지
i18next + JSON Schema로 번역 키를 빌드 타임에 검증한 FE 다국어 설계 경험
Next.js 실무 SEO 최적화: 검색엔진이 이해하는 사이트 만들기
플랫폼 SEO를 크롤링→색인→서빙 순서로 뜯어고친 실무 기록
react-konva로 2D 맵 시각화 구현하기
React에서 Konva와 react-konva로 캠버스 기반 2D 맵을 구현한 실전 경험. 좌표계, 레이어 구조, 성능 최적화까지 직접 구현하며 배운 내용을 정리합니다.
React 라이브러리 패키지 만들기 — tsup 빌드부터 Verdaccio 로컬 배포까지
React 컴포넌트 라이브러리를 tsup으로 빌드하고 Verdaccio 로컬 npm 레지스트리로 배포하는 전체 과정. 패키지 설정부터 로컬 퍼블리시긌 테스트까지 실전으로 다룹니다.

TypeScript 프로젝트 초기 설정 가이드
Prettier, ESLint, VSCode, Husky+lint-staged 설정을 한번에 정리한 TS 프로젝트 셋업 가이드
FSD 아키텍처 적용 후기 — 실전에서 배운 것들
Feature-Sliced Design(FSD) 프론트엔드 아키텍처를 실제 React·TypeScript 프로젝트에 적용한 후기. 레이어 구조, 폴더 설계, Public API, 트레이드오프까지 실전 경험으로 정리합니다.