Supabase 회원가입 방법: 확인 메일 제목·본문·버튼 문구를 한국어로 바꾸기
Supabase 가입 확인 메일을 한국어로 바꾸고 ConfirmationURL, Site URL, 리디렉션과 무료 플랜 템플릿 제한을 함께 점검합니다.
책상 정리 용품 · 제휴
모아 보기이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
웹 화면과 서비스를 만드는
해비의 개발 기록
웹사이트 제작·운영과 개인 서비스, 자동화·AI 도구를 만들며 배운 내용과 문제 해결 과정을 정리합니다.
전체 글
React Vite 사용법 Vite 8 프로젝트 생성 실행 빌드
React Vite 프로젝트를 생성하고 기본 파일 구조를 이해합니다. dev·build·preview 명령과 화면 수정 후 확인 방법을 독립 실습으로 살펴봅니다.
Yarn 사용법: Corepack 설치와 Classic·Modern 차이
Yarn Classic과 Modern, Corepack과 packageManager의 역할을 구분하고 기존 저장소의 버전에 맞춰 설치하는 방법을 익힙니다.
pnpm 사용법: 설치·기본 명령어·워크스페이스 설정
pnpm 설치와 기본 명령어, packageManager·lockfile·workspace를 정리하고 TaskFlow 개발환경을 재현하는 기준을 익힙니다.
AEO·GEO·SEO 차이: Google AI 검색 최적화의 실제 기준
AEO와 GEO가 SEO와 어떻게 다른지 설명하고, Google AI 검색에서도 유효한 콘텐츠 품질·구조·측정 기준과 과장된 최적화 주장을 구분합니다.
Next.js Supabase SSR 인증: @supabase/ssr와 쿠키 설정
Next.js App Router에서 @supabase/ssr로 브라우저·서버 클라이언트를 분리하고 쿠키 갱신, Proxy, 검증된 신원 확인을 연결합니다.
Next.js Supabase 연결 방법: App Router 설정과 데이터 조회
Next.js App Router에 Supabase를 연결하고 publishable key, GRANT, RLS를 설정해 공개 데이터를 조회하며 빈 목록과 권한 오류를 구분합니다.
Supabase vs Neon vs Firebase SQL Connect: 차이와 선택 기준
Supabase, Neon, Firebase SQL Connect의 데이터베이스·인증·API 책임을 비교하고 TaskFlow에 맞는 백엔드 선택 기준과 보안 책임을 정리합니다.
n8n과 Make.com으로 쇼츠 자동화하기 전 반드시 준비할 것들
쇼츠 제작을 content_id와 render_revision으로 추적하며 n8n·Make의 단계별 책임을 설계합니다. 승인·응답 유실·중복 업로드를 실제 외부 실행 없이 검토합니다.
Next.js Proxy 마이그레이션 matcher Node.js Runtime
Next.js 16에서는 middleware 파일 규칙이 proxy 중심으로 바뀌었습니다. 기존 middleware 예제를 최신 프로젝트에 그대로 적용하면 파일명·Runtime·matcher 기준이 달라질 수 있습니다.
Next.js 동적 라우트 slug params catch-all
사용자 ID나 게시글 slug처럼 URL 일부가 데이터에 따라 바뀌는 경우 동적 라우트를 사용합니다.
GSAP이 처음일 때 기초 사용법: 설치부터 기본 애니메이션까지
선택 심화로 GSAP 기본 메서드와 timeline을 익히고 재생·초기화·동작 줄이기를 갖춘 예제로 확인합니다.
