개발
- Next.js App Router에서 구글 서치 콘솔 '적절한 표준 태그가 포함된 대체 페이지' 해결기Next.js App Router의 메타데이터 상속 구조로 인해 모든 블로그 포스트의 canonical URL이 홈으로 고정되어 검색 색인에서 누락되던 문제를 self-referencing canonical과 한글 슬러그 인코딩으로 해결한 실전 트러블슈팅 기록.
- Next.js 16과 Tailwind CSS에서 다크/라이트 테마 깜빡임(FOUC) 없이 구현하기Next.js 16 App Router 환경에서 localStorage 기반 다크 모드 전환 시 발생하는 첫 화면 깜빡임(FOUC) 문제를 인라인 스크립트와 CSS 변수로 깔끔하게 해결한 과정.
- React 마크다운 렌더러에 스마트 목차(TOC)와 스크롤 스파이(Scroll-Spy) 적용기긴 기술 블로그 아티클을 읽기 편하게 만들기 위해 마크다운 헤딩(#, ##)을 자동 추출하여 동적 목차(TOC)를 생성하고 IntersectionObserver로 실시간 스크롤 스파이를 구현한 경험.
- vercel.app 도메인의 한계와 개인 도메인(.pe.kr) 도입기 (feat. 구글 서치 콘솔 색인 문제 해결)"Vercel 무료 도메인(vercel.app)으로 구글 서치 콘솔에 사이트맵을 제출하며 겪은 무한 '가져올 수 없음' 에러와 '할당량 초과' 문제. 이를 개인 도메인(.pe.kr) 구매로 단 1초 만에 해결한 삽질기를 공유합니다."
- 삼문판결 만들기 5편: 계속할지 멈출지, 프로젝트 피벗과 중단 기준애정에 휘둘리지 않고 데이터와 기준에 따라 사이드 프로젝트의 지속 여부를 냉정하게 결정한 회고.
- 삼문판결 만들기 4편: 감이 아니라 숫자로 보는 운영 지표직관에 의존하지 않고 Google Analytics와 이벤트를 통해 서비스 반응을 측정하고 분석한 경험.
- 삼문판결 만들기 3편: 재심(appeal)을 기능이 아니라 장치로 설계한 이유단호한 판결 경험 속에서 유저의 재참여와 몰입을 유도하기 위한 재심 장치 설계 이야기.
- 삼문판결 만들기 2편: 만든 다음부터가 진짜 시작이었다MVP 런칭 후 실제 유저들의 피드백을 수집하며 직면한 문제와 인터페이스 개선 과정.
- 개인 블로그 만들기부터 AdSense 수익화까지: 완벽 가이드Next.js와 Supabase로 만든 개인 블로그를 배포하고 AdSense 수익화까지 연결한 전체 흐름을 정리한 가이드.
