Lecture

[Claude] 내 사이트에 생명 불어넣기

로그인·내 데이터·AI 챗봇을 코딩 에이전트로 붙이는 동적 기능 실전

2강에서 만든 정적 브랜드 사이트에 Supabase 로그인/회원 데이터(RLS)와 Google Gemini AI 챗봇을 붙여 살아있는 서비스로 만드는 2시간 실전. 무료 quota 키로 외부 API 연동을 안전하게(서버사이드 키 숨김) 연습합니다. 2강에 참여하지 않았어도 스타터 사이트로 함께할 수 있습니다.

대상
2강 수료자 또는 정적 사이트 보유자, Supabase·인증·외부 API가 처음인 입문자
시간
2시간
상태
published

수업 준비물 — AI 서비스

참여 전에 아래 서비스의 해당 플랜 가입 상태를 확인해 주세요.

  • 필수AI 챗 / 추론

    GeminiGoogle

    Google의 멀티모달 LLM. Veo·Nano Banana 등 미디어 통합.

    최소 플랜
    플랜 선택 자유

    왜 필요한가: 무료 quota 키로 AI 챗봇(외부 API 연동) 실습.

    공식 가격 페이지 ↗
  • 필수코딩

    Claude CodeAnthropic

    터미널·CLI 기반 코딩 에이전트. Claude Pro 부터 포함.

    최소 플랜
    플랜 선택 자유

    왜 필요한가: 코딩 에이전트로 기능 구현.

    공식 가격 페이지 ↗
  • 대체 가능AI 챗 / 추론

    ChatGPTOpenAI

    OpenAI의 범용 대화·추론·도구 사용. 강의 1순위 도구.

    최소 플랜
    플랜 선택 자유

    왜 필요한가: Codex(ChatGPT)로 대체 가능. 한 가지만 선택.

    공식 가격 페이지 ↗
Preview

클래스 예고 자료

수강 신청 전에도 강의 주제와 결과물을 미리 확인할 수 있는 홍보용 공개 자료입니다.

  • 클래스 예고 피칭 덱
    [Claude] 내 사이트에 생명 불어넣기 — 예고편
    열기 ↗

강의 자료

  • 피칭 덱
    [Claude] 내 사이트에 생명 불어넣기 — 본강의 덱
    열기 ↗
  • 기타
    회원기능 브리프 인터뷰 스킬

수업 준비 자료

1개 자료 · 본문에 다운로드 링크·코드 포함

  • 회원기능 브리프 인터뷰 스킬
    마크다운 · 본문에 raw URL 포함
    열기 ↗

프롬프트 팩

1개 자료 · 본문에 다운로드 링크·코드 포함

  • 단계별 코딩 에이전트 프롬프트 팩
    마크다운 · 본문에 raw URL 포함
    열기 ↗