여행 리뷰 사이트 Supabase 연동 트러블슈팅
SSR 하이드레이션, RLS 정책, 인증 컨텍스트, 외래키 관계 문제 해결 과정
트러블슈팅
복잡한 페이지 로직을 Custom Hook으로 분리한 리팩토링
데이터 페칭·상태 관리를 훅으로 추출해 재사용성과 가독성을 개선
Webpack로 빌드 환경 구성하며 이해한 선택 기준
Vite vs Webpack 선택 맥락과 로더·플러그인 실습으로 빌드 원리 체득
네이버 Cloud TTS 연동과 인증/파라미터 이슈 해결
API 인증·요청 구조 정리로 다양한 목소리/속도 옵션과 단어 재생 기능 구현
Figma 시안 정밀 대응을 위한 커스텀 슬라이더 구현
라이브러리 슬라이더의 Thumb-트랙 불일치를 커스텀 구현으로 해결하고 디자인과 1:1 매칭을 달성한 사례
팀 협업 원칙 정착: 컨벤션 준수와 커뮤니케이션
규칙 재합의·PR 원칙·예시 공유로 컨벤션 준수 문화를 정착시킨 사례
커스텀 인증에서 NextAuth 기반 JWT 체계로 전환
세션 스토리지 기반 커스텀 인증의 보안 취약점을 NextAuth+JWT로 개선하고 Google OAuth를 통합
개발 중 마주친 문제 해결 기록
Next.js와 Vercel을 사용하면서 겪은 문제들과 해결 방법을 정리합니다.