https://sooyoung.pe.kr 아이디어를 만난 수영, 마음껏 헤엄치는 공간. 이번캠(MyCamp) 등 1인 개발 프로젝트와 기술 블로그 ko-kr Mon, 07 Sep 2026 18:59:31 GMT https://sooyoung.pe.kr/post/nextjs-app-router-canonical-tag-search-console-fix https://sooyoung.pe.kr/post/nextjs-app-router-canonical-tag-search-console-fix Mon, 07 Sep 2026 08:09:59 GMT Next.js App Router의 메타데이터 상속 구조로 인해 모든 블로그 포스트의 canonical URL이 홈으로 고정되어 검색 색인에서 누락되던 문제를 self-referencing canonical과 한글 슬러그 인코딩으로 해결한 실전 트러블슈팅 기록. https://sooyoung.pe.kr/post/nextjs-16-tailwind-dark-mode-without-fouc https://sooyoung.pe.kr/post/nextjs-16-tailwind-dark-mode-without-fouc Fri, 04 Sep 2026 00:50:15 GMT Next.js 16 App Router 환경에서 localStorage 기반 다크 모드 전환 시 발생하는 첫 화면 깜빡임(FOUC) 문제를 인라인 스크립트와 CSS 변수로 깔끔하게 해결한 과정. https://sooyoung.pe.kr/post/react-markdown-smart-toc-and-scroll-spy-implementation https://sooyoung.pe.kr/post/react-markdown-smart-toc-and-scroll-spy-implementation Fri, 04 Sep 2026 00:50:15 GMT 긴 기술 블로그 아티클을 읽기 편하게 만들기 위해 마크다운 헤딩(#, ##)을 자동 추출하여 동적 목차(TOC)를 생성하고 IntersectionObserver로 실시간 스크롤 스파이를 구현한 경험. https://sooyoung.pe.kr/post/%EC%BA%A0%ED%95%91%EC%9D%B8%EC%8A%A4%ED%83%80-%EB%A7%8C%EB%93%A4%EA%B8%B0-5%ED%8E%B8-%EC%9D%B4%EB%B2%88%EC%BA%A0mycamp-%EB%A6%AC%EB%B8%8C%EB%9E%9C%EB%94%A9%EA%B3%BC-capacitor%EB%A1%9C-apple-app-store-%EC%8B%AC%EC%82%AC-%ED%86%B5%EA%B3%BC%ED%95%9C-%EC%9D%B4%EC%95%BC%EA%B8%B0 https://sooyoung.pe.kr/post/%EC%BA%A0%ED%95%91%EC%9D%B8%EC%8A%A4%ED%83%80-%EB%A7%8C%EB%93%A4%EA%B8%B0-5%ED%8E%B8-%EC%9D%B4%EB%B2%88%EC%BA%A0mycamp-%EB%A6%AC%EB%B8%8C%EB%9E%9C%EB%94%A9%EA%B3%BC-capacitor%EB%A1%9C-apple-app-store-%EC%8B%AC%EC%82%AC-%ED%86%B5%EA%B3%BC%ED%95%9C-%EC%9D%B4%EC%95%BC%EA%B8%B0 Wed, 26 Aug 2026 09:22:54 GMT 캠핑인스타를 '이번캠(MyCamp)'으로 리브랜딩하고, Capacitor를 활용해 Next.js 웹 서비스를 Apple App Store(iOS)에 공식 출시하며 겪은 심사 통과와 트러블슈팅 기록. https://sooyoung.pe.kr/post/vercelapp-%EB%8F%84%EB%A9%94%EC%9D%B8%EC%9D%98-%ED%95%9C%EA%B3%84%EC%99%80-%EA%B0%9C%EC%9D%B8-%EB%8F%84%EB%A9%94%EC%9D%B8pekr-%EB%8F%84%EC%9E%85%EA%B8%B0-feat-%EA%B5%AC%EA%B8%80-%EC%84%9C%EC%B9%98-%EC%BD%98%EC%86%94-%EC%83%89%EC%9D%B8-%EB%AC%B8%EC%A0%9C-%ED%95%B4%EA%B2%B0 https://sooyoung.pe.kr/post/vercelapp-%EB%8F%84%EB%A9%94%EC%9D%B8%EC%9D%98-%ED%95%9C%EA%B3%84%EC%99%80-%EA%B0%9C%EC%9D%B8-%EB%8F%84%EB%A9%94%EC%9D%B8pekr-%EB%8F%84%EC%9E%85%EA%B8%B0-feat-%EA%B5%AC%EA%B8%80-%EC%84%9C%EC%B9%98-%EC%BD%98%EC%86%94-%EC%83%89%EC%9D%B8-%EB%AC%B8%EC%A0%9C-%ED%95%B4%EA%B2%B0 Fri, 10 Jul 2026 07:43:14 GMT "Vercel 무료 도메인(vercel.app)으로 구글 서치 콘솔에 사이트맵을 제출하며 겪은 무한 '가져올 수 없음' 에러와 '할당량 초과' 문제. 이를 개인 도메인(.pe.kr) 구매로 단 1초 만에 해결한 삽질기를 공유합니다." https://sooyoung.pe.kr/post/%EC%B9%9C%EA%B5%AC https://sooyoung.pe.kr/post/%EC%B9%9C%EA%B5%AC Mon, 30 Mar 2026 11:49:01 GMT 그림톡에서 단발성 응답을 넘어 대화가 계속 이어지는 소셜 인터랙션과 프롬프트 엔지니어링 과정을 정리한 개발 일지. https://sooyoung.pe.kr/post/first-meeting https://sooyoung.pe.kr/post/first-meeting Fri, 27 Mar 2026 05:42:50 GMT 그림톡 결과 화면을 정보 카드가 아니라 첫 만남 장면처럼 느껴지도록 다시 설계하고 사용자 경험을 개선한 과정을 정리한 개발 일지. https://sooyoung.pe.kr/post/%EB%82%B4-%EC%BA%90%EB%A6%AD%ED%84%B0%EC%99%80-%EB%8C%80%ED%99%94%ED%95%98%EA%B8%B0 https://sooyoung.pe.kr/post/%EB%82%B4-%EC%BA%90%EB%A6%AD%ED%84%B0%EC%99%80-%EB%8C%80%ED%99%94%ED%95%98%EA%B8%B0 Thu, 26 Mar 2026 09:01:51 GMT 아이의 그림을 기반으로 소통하는 인터랙션 서비스 그림톡(GrimTalk)의 초기 기획과 프로토타입 구현 과정. https://sooyoung.pe.kr/post/%EA%B3%84%EC%86%8D%ED%95%A0%EC%A7%80-%EB%A9%88%EC%B6%9C%EC%A7%80-%ED%8C%90%EC%A0%95-%EA%B8%B0%EC%A4%80%EC%9D%84-%EB%A8%BC%EC%A0%80-%EC%A0%95%ED%96%88%EB%8B%A4 https://sooyoung.pe.kr/post/%EA%B3%84%EC%86%8D%ED%95%A0%EC%A7%80-%EB%A9%88%EC%B6%9C%EC%A7%80-%ED%8C%90%EC%A0%95-%EA%B8%B0%EC%A4%80%EC%9D%84-%EB%A8%BC%EC%A0%80-%EC%A0%95%ED%96%88%EB%8B%A4 Sat, 21 Mar 2026 06:00:43 GMT 애정에 휘둘리지 않고 데이터와 기준에 따라 사이드 프로젝트의 지속 여부를 냉정하게 결정한 회고. https://sooyoung.pe.kr/post/%EA%B0%90%EC%9D%B4-%EC%95%84%EB%8B%88%EB%9D%BC-%EC%88%AB%EC%9E%90%EB%A1%9C-%EB%B3%B4%EB%8A%94-%EC%9A%B4%EC%98%81-%EC%A7%80%ED%91%9C https://sooyoung.pe.kr/post/%EA%B0%90%EC%9D%B4-%EC%95%84%EB%8B%88%EB%9D%BC-%EC%88%AB%EC%9E%90%EB%A1%9C-%EB%B3%B4%EB%8A%94-%EC%9A%B4%EC%98%81-%EC%A7%80%ED%91%9C Sat, 21 Mar 2026 05:55:16 GMT 직관에 의존하지 않고 Google Analytics와 이벤트를 통해 서비스 반응을 측정하고 분석한 경험. https://sooyoung.pe.kr/post/%EC%9E%AC%EC%8B%ACappeal%EC%9D%84-%EA%B8%B0%EB%8A%A5%EC%9D%B4-%EC%95%84%EB%8B%88%EB%9D%BC-%EC%9E%A5%EC%B9%98%EB%A1%9C-%EC%84%A4%EA%B3%84%ED%95%9C-%EC%9D%B4%EC%9C%A0 https://sooyoung.pe.kr/post/%EC%9E%AC%EC%8B%ACappeal%EC%9D%84-%EA%B8%B0%EB%8A%A5%EC%9D%B4-%EC%95%84%EB%8B%88%EB%9D%BC-%EC%9E%A5%EC%B9%98%EB%A1%9C-%EC%84%A4%EA%B3%84%ED%95%9C-%EC%9D%B4%EC%9C%A0 Wed, 11 Mar 2026 12:47:24 GMT 단호한 판결 경험 속에서 유저의 재참여와 몰입을 유도하기 위한 재심 장치 설계 이야기. https://sooyoung.pe.kr/post/%EC%82%BC%EB%AC%B8%ED%8C%90%EA%B2%B0-%EB%A7%8C%EB%93%A4%EA%B8%B0-%EC%9D%B4%EC%95%BC%EA%B8%B0-2 https://sooyoung.pe.kr/post/%EC%82%BC%EB%AC%B8%ED%8C%90%EA%B2%B0-%EB%A7%8C%EB%93%A4%EA%B8%B0-%EC%9D%B4%EC%95%BC%EA%B8%B0-2 Tue, 10 Mar 2026 11:57:41 GMT MVP 런칭 후 실제 유저들의 피드백을 수집하며 직면한 문제와 인터페이스 개선 과정. https://sooyoung.pe.kr/post/%EA%B0%9C%EC%9D%B8-%EB%B8%94%EB%A1%9C%EA%B7%B8-%EB%A7%8C%EB%93%A4%EA%B8%B0%EB%B6%80%ED%84%B0-adsense-%EC%88%98%EC%9D%B5%ED%99%94%EA%B9%8C%EC%A7%80-%EC%99%84%EB%B2%BD-%EA%B0%80%EC%9D%B4%EB%93%9C https://sooyoung.pe.kr/post/%EA%B0%9C%EC%9D%B8-%EB%B8%94%EB%A1%9C%EA%B7%B8-%EB%A7%8C%EB%93%A4%EA%B8%B0%EB%B6%80%ED%84%B0-adsense-%EC%88%98%EC%9D%B5%ED%99%94%EA%B9%8C%EC%A7%80-%EC%99%84%EB%B2%BD-%EA%B0%80%EC%9D%B4%EB%93%9C Mon, 09 Mar 2026 09:18:20 GMT Next.js와 Supabase로 만든 개인 블로그를 배포하고 AdSense 수익화까지 연결한 전체 흐름을 정리한 가이드. https://sooyoung.pe.kr/post/%EC%BA%A0%ED%95%91%EC%9D%B8%EC%8A%A4%ED%83%80-%EB%A7%8C%EB%93%A4%EA%B8%B0-4%ED%8E%B8 https://sooyoung.pe.kr/post/%EC%BA%A0%ED%95%91%EC%9D%B8%EC%8A%A4%ED%83%80-%EB%A7%8C%EB%93%A4%EA%B8%B0-4%ED%8E%B8 Tue, 03 Mar 2026 13:00:02 GMT OG 이미지 구현 과정에서 겪은 삽질과 Supabase 연동 이슈를 정리한 캠핑인스타 개발 기록. https://sooyoung.pe.kr/post/%EC%82%BC%EB%AC%B8%ED%8C%90%EA%B2%B0-%EB%A7%8C%EB%93%A4%EA%B8%B0-%EC%B2%AB%EB%B2%88%EC%A7%B8-%EC%9D%B4%EC%95%BC%EA%B8%B0-1 https://sooyoung.pe.kr/post/%EC%82%BC%EB%AC%B8%ED%8C%90%EA%B2%B0-%EB%A7%8C%EB%93%A4%EA%B8%B0-%EC%B2%AB%EB%B2%88%EC%A7%B8-%EC%9D%B4%EC%95%BC%EA%B8%B0-1 Tue, 24 Feb 2026 11:50:14 GMT 아이디어를 검증하기 위해 위트 있는 3문장 판결문 콘셉트로 MVP를 빠르게 기획하고 구현한 이야기. https://sooyoung.pe.kr/post/%EC%BA%A0%ED%95%91-%EC%9D%B8%EC%8A%A4%ED%83%80-%EB%A7%8C%EB%93%A4%EA%B8%B0-3%ED%8E%B8 https://sooyoung.pe.kr/post/%EC%BA%A0%ED%95%91-%EC%9D%B8%EC%8A%A4%ED%83%80-%EB%A7%8C%EB%93%A4%EA%B8%B0-3%ED%8E%B8 Thu, 12 Feb 2026 12:51:07 GMT 캠핑 로그 앱을 인스타그램 스타일의 소셜 앱으로 리팩토링하며 겪은 UI 개선과 트러블슈팅 기록. https://sooyoung.pe.kr/post/%EC%BA%A0%ED%95%91%EC%9D%B8%EC%8A%A4%ED%83%80-%EB%A7%8C%EB%93%A4%EA%B8%B0-2%ED%8E%B8 https://sooyoung.pe.kr/post/%EC%BA%A0%ED%95%91%EC%9D%B8%EC%8A%A4%ED%83%80-%EB%A7%8C%EB%93%A4%EA%B8%B0-2%ED%8E%B8 Thu, 12 Feb 2026 06:23:08 GMT 게시글 삭제, 권한 처리, 이미지 정리까지 포함해 캠핑인스타의 기본 CRUD 경험을 다듬은 작업 기록. https://sooyoung.pe.kr/post/%EC%BA%A0%ED%95%91%EC%9D%B8%EC%8A%A4%ED%83%80-%EB%A7%8C%EB%93%A4%EA%B8%B0-%EC%B2%AB%ED%8E%B8 https://sooyoung.pe.kr/post/%EC%BA%A0%ED%95%91%EC%9D%B8%EC%8A%A4%ED%83%80-%EB%A7%8C%EB%93%A4%EA%B8%B0-%EC%B2%AB%ED%8E%B8 Tue, 10 Feb 2026 09:06:56 GMT Next.js, 관광공사 API, 카카오 로그인으로 캠핑 로그 서비스를 만들기 시작한 첫 개발 기록. https://sooyoung.pe.kr/post/admin-starter-kit-%EB%A7%8C%EB%93%A4%EA%B8%B0-2 https://sooyoung.pe.kr/post/admin-starter-kit-%EB%A7%8C%EB%93%A4%EA%B8%B0-2 Wed, 04 Feb 2026 12:12:07 GMT Next.js 16 환경에서 i18n 구현과 Hydration 에러를 해결하며 어드민 스타터킷을 다듬은 기록. https://sooyoung.pe.kr/post/admin-starter-kit-%EB%A7%8C%EB%93%A4%EA%B8%B0-1 https://sooyoung.pe.kr/post/admin-starter-kit-%EB%A7%8C%EB%93%A4%EA%B8%B0-1 Tue, 03 Feb 2026 12:04:39 GMT 어드민 스타터킷 프로젝트의 초기 세팅과 Supabase 연동 중 만난 에러를 정리한 첫 번째 개발 로그. https://sooyoung.pe.kr/post/%EB%B8%94%EB%A1%9C%EA%B7%B8-%EB%B0%B0%ED%8F%AC https://sooyoung.pe.kr/post/%EB%B8%94%EB%A1%9C%EA%B7%B8-%EB%B0%B0%ED%8F%AC Tue, 03 Feb 2026 11:09:48 GMT Next.js로 개발한 개인 블로그를 Vercel에 무료로 배포하고 실제 서비스처럼 운영하기 시작한 과정 정리. https://sooyoung.pe.kr/post/sooyoung-archive-%EC%A0%9C%EC%9E%91%EA%B8%B0 https://sooyoung.pe.kr/post/sooyoung-archive-%EC%A0%9C%EC%9E%91%EA%B8%B0 Mon, 02 Feb 2026 11:49:23 GMT Next.js와 Supabase로 나만의 개발 아카이브 블로그를 직접 만들게 된 계기와 전체 구축 과정을 담은 글.