4강 자료 적용 가이드

4강 자료는 실행 파일이 아니라 Codex, Claude Code, ChatGPT 같은 코딩 에이전트에게 읽히는 작업 지침입니다.

추천 순서

1. 01-website-4-local-context.md
2. 02-website-4-plan-mode.md
3. 03-supabase-oauth-storage.md
4. 05-external-api-safe-route.md
5. 시간이 남으면 04-supabase-realtime-comments-reactions.md
6. 마지막에 06-website-4-deploy-checklist.md

적용 방법

먼저 프로젝트 루트에서 에이전트에게 이렇게 요청하세요.

다운로드한 01-website-4-local-context.md 내용을 읽고, 이 프로젝트의 AGENTS.md 또는 CLAUDE.md에 반영할 변경안을 먼저 보여줘.
내가 승인하기 전까지 파일을 수정하지 마.

그 다음 Plan mode 프롬프트로 구현 전 계획을 받습니다.

02-website-4-plan-mode.md 기준으로, 내 사이트에 4강 기능을 붙이는 계획만 세워줘.
아직 구현하지 말고, OAuth/Storage/Realtime/외부 API 중 어떤 순서가 맞는지 추천해줘.

수업 중 추천 선택

처음부터 네 기능을 모두 끝내려 하지 말고, 내 사이트에 가장 어울리는 기능 하나를 먼저 완성합니다.

• 포트폴리오/갤러리 사이트: Storage 업로드
• 커뮤니티/방명록 사이트: Realtime 댓글 또는 반응
• 회원 전용 페이지: OAuth 로그인
• 정보 제공 사이트: 외부 API 연동

비밀값 주의

API key, OAuth secret, Supabase service role key는 공개 저장소나 브라우저 코드에 넣지 않습니다. 화면에서 직접 쓰는 값과 서버에서만 쓰는 값을 구분해서 에이전트에게 설명하게 하세요.