inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

결제 받고 출시까지, 클로드 코드로 완성하는 내 웹서비스

Next.js — 30초 만에 내 사이트 통째로 받기

강의 소스 코드는 어디서 볼수 있나여?

해결된 질문

35

김동선

작성한 질문수 12

1

소스 코드는 어디서 볼수 있나여>?


HTML/CSS typescript next.js tailwindcss supabase claude 바이브코딩

답변 1

1

VibePlug

안녕하세요, 동선님! 질문 감사합니다.

바이브 코딩 강의라 소스 코드 공유를 생각치 못했는데, 말씀 듣고보니 막혔을 때 비교할 기준점은 있는게 맞네요! 바로 공개했습니다.

[레포 주소]

한 가지만 참고해주세요!

- 환경변수와 키는 빠져 있어서, 그대로 클론해서 실행되진 않아요. 강의대로 동선님의 프로젝트를 만들면서 비교하는 용도로 보시면 좋을 것 같아요 :)

혹시 특정 부분에서 막히셨거나 추가로 궁금한 점은 언제든 말씀주세요. 완강까지 응원하겠습니다!
이 강의 끝에 결제까지 돌아가는 동선님만의 멋진 서비스가 하나 생기길 바랍니다 😊

1

김동선

백엔드 소스는 없는 건가요?

백엔드 에서 toss로 결재 승인 요청 로직으 궁금 합니다.

1

VibePlug

넵, 백엔드를 별도 서버로 분리하지 않고 Next.js 하나로 풀스택으로 구현해서 백엔드 소스는 같은 레포 안에 들어있습니다.

서버 쪽 코드는 이 위치들입니다:

  • app/api/ → API 라우트 (cart, orders, features)

  • app/auth/callback/route.ts + proxy.ts → 인증 콜백과 세션

  • utils/supabase/ → client / server / admin 용 Supabase 클라이언트


여쭤보신 토스 결제 승인 로직은 여기입니다:

  • lib/toss.ts → 시크릿 키로 토스 승인 API(/v1/payments/confirm)를 호출하는 서버 전용 모듈

  • app/checkout/success/page.tsx → 결제창에서 돌아온 paymentKey·orderId·amount를 받아서, 성공 화면을 보여주기 전에 서버가 먼저 승인을 처리하는 페이지. 파일 상단 주석에 전체 순서(값 검증 → 주문 조회 → 금액 대조 → 승인 API → paid 변경 → 장바구니 정리)가 적혀 있어요.

이 부분은 38강 「마지막 도장은 서버가 찍는다 — 결제 승인과 금액 검증」에서 다룹니다.

  • 결제가 왜 요청과 승인 두 단계로 나뉜건지

  • 왜 서버가 승인 전에 DB의 주문 총액과 amount를 반드시 대조해야 하는지

  • 그리고 실제로 금액을 100원으로 조작해보는 실험까지

    그 수업에서 하나씩 풉니다 :)

DB 스키마는 Supabase MCP로 대화하며 만들어서 SQL 파일을 레포에 따로 두지 않았는데, 테이블 구조와 RLS 정책도 SQL로 뽑아서 프로젝트 폴더의 supabase/schema.sql 로 넣어두었습니다. 동선님 테이블과 비교하실 때 참고하세요 :)

그리고 강의 '새 소식'에도 관련 안내를 방금 올려두었는데요, 나중에 새 프로젝트를 시작하실 때 강의에서 완성한 DB 구조를 그대로 가져가고 싶으시면 이 파일을 Supabase SQL Editor에 붙여넣고 실행하는 것만으로 테이블과 RLS까지 한 번에 만들어집니다. 자세한 방법은 그 글에 적어두었습니다 :)

결제 섹션까지 가시면서 막히는 부분 있으면 언제든 말씀해주세요!

매수 실행 시점 관련

0

6

0

강의자료 url 접속이 안됩니다.

0

4

1

안티그래비티 설치 화면

0

13

1

PC - 노트북 작업: 구글 드라이브

0

11

1

섹션2, 대화&세션관리 수업 자료 누락

0

8

1

31강 학습자료에 프롬프트가 엉뚱한것이 있어요

1

11

1

plan mode를 진행하는것에 있어서

0

9

1

클로드 코드 설치 오류

0

15

1

클로드 코드 설치 관련

0

15

1

Gemini API 결제

0

10

1

강의 내용 추가 요청

1

16

2

logo와 product에 파일 넣는 게 맞는지 궁금합니다.

0

16

1

Opus/Sonnet 버전 관련 문의

1

21

2

스타터킷 중요도에 대한 질문입니다.

0

15

1

mission12-01 guide.md파일 누락

0

14

1

bitnami 설치

0

18

0

localhost : 3000 클릭하면 페이지를 로드하지 못함

0

17

2

클로드코드에서 진행할때 계속적인 질문이 뜹니다.

0

15

2

섹션2 질문이요

1

21

2

강의 자료 접근 불가

1

20

1

영상으로 복습

0

15

0

영상을 다운 받아서 후에 다시 보면서 복습할수는 없나요

0

14

1

Vercel json 파일 참고 여부

1

21

2

17강 강의에 목데이터 첨부파일이 없습니다.

2

42

2