inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

실리콘밸리 엔지니어와 함께하는 Claude Code(개발자용)

Vercel 배포 - 🚀 Claude Code로 만든 앱을 실제 서비스로 배포하기

Vercel json 파일 참고 여부

19

adia03125

작성한 질문수 1

1

안녕하세요, 미쿡엔지니어 강사님


vercel부분 파일들은 클로드가 알아서 만들어줘야 하는건지 강사님 파일을 따라써야하는건지 질문드립니다.

만약 강사님 파일을 따라쓰는 거라면 추후 vercel 사용 시 클로드한테 강사님 파일을 예제로 주면 되는건지 아니면 프롬프트에 관련 설정에대해 설명을 쓰면 되는건지도 함께 여쭙니다.

vercel을 이번에 처음 접하다보니 괜히 조심스러워집니다.


좋은 강의 감사합니다.


업무-생산성 인공지능(ai) ai-agent claude 바이브코딩

답변 2

0

미쿡엔지니어

안녕하세요 adia03125님,

좋은 질문 감사합니다! 😊

Vercel 관련 파일은 강의에 있는 파일을 반드시 그대로 따라 작성해야 하는 것은 아닙니다. 강의에서는 동작 원리를 이해하고 실습 결과를 일정하게 맞추기 위해 예제 파일을 사용한 것이고, 실제 프로젝트에서는 Claude Code에게 현재 프로젝트 구조와 "Vercel에 배포할 수 있도록 필요한 설정을 만들어줘"라고 요청해서 생성하도록 해도 됩니다.


처음 사용하신다면 강의의 파일을 참고해서 진행하시는 것도 좋은 방법입니다. 이후 다른 프로젝트에서 사용할 때는 강의 파일 전체를 매번 예제로 줄 필요는 없고, 보통은 Claude Code에게 현재 프로젝트를 분석하게 한 뒤 Vercel 배포에 필요한 설정을 추가해달라고 요청하면 됩니다.


예를 들어, "이 프로젝트를 Vercel에 배포하려고 해. 현재 프로젝트 구조를 확인하고 필요한 Vercel 설정 파일과 설정값을 만들어줘. 기존 코드에 불필요한 변경은 하지 말아줘." 정도로 요청하셔도 됩니다.


다만 Claude Code가 만들어준 설정을 무조건 그대로 사용하는 것보다는, vercel.json이나 환경 변수, build command 같은 주요 설정이 어떤 의미인지 한 번 확인하고 배포하는 것을 권장드립니다. 강의에서 Vercel 부분을 다룬 이유도 결국 파일 자체를 외우기보다는 이런 설정이 왜 필요한지를 이해하는 데 있습니다.


처음 Vercel을 접하시면 조심스럽게 느껴지는 게 당연합니다. 강의 예제로 먼저 한번 배포해보신 뒤, 다른 작은 프로젝트에서 Claude Code에게 설정을 직접 생성하게 해보시면 금방 감이 오실 것 같습니다. 감사합니다!

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다. adia03125님

Vercel 설정 파일은 프로젝트의 프레임워크, 빌드 방식, 배포 환경에 따라 달라지므로 강사님의 파일을 그대로 복사하기보다는 현재 프로젝트 구조를 Claude Code가 먼저 확인한 뒤 필요한 설정을 생성하도록 요청하는 방식이 좋습니다.

특히 다음 항목은 프로젝트마다 다를 수 있습니다.

  • vercel.json의 빌드 및 라우팅 설정
  • 환경 변수
  • API 엔드포인트
  • 데이터베이스 연결
  • OAuth redirect URL
  • 빌드 명령어와 의존성

강사님의 파일은 Claude Code에 참고 자료로 제공할 수 있습니다. 다만 단순히 파일만 전달하기보다는 다음처럼 요청하는 것이 안전합니다.

현재 프로젝트 구조를 먼저 분석하고, 아래의 강의 예제 파일을 참고하되 우리 프로젝트에 필요한 Vercel 설정만 적용해 주세요. 설정이 필요한 이유와 변경된 내용을 설명하고, 기존 설정과 충돌하는 부분이 있는지도 확인해 주세요.

즉, 강사님의 파일을 그대로 따라 쓰기보다는 예제 파일은 참고용으로 사용하고, Claude Code에게 현재 프로젝트에 맞게 변환하도록 요청하는 것이 좋습니다. Vercel을 처음 사용하신다면 배포 전에 환경 변수, 빌드 명령어, OAuth 설정, API 경로를 하나씩 점검해 보시는 것을 권장합니다.

관련 답변을 함께 참고해 주세요.

위 답변에서도 Lovable 프로젝트를 Claude Code와 Vercel 환경으로 옮길 때, 코드 파일 자체보다 환경 변수, OAuth redirect URL, API endpoint, DB 연결, 빌드 설정 등을 먼저 확인해야 한다고 설명하고 있습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

슬랙에 멀티프로필 추가시 명령어 중복

0

4

1

14-2 지금 따라하는데, slack이랑 연동이 안됩니다.

0

3

0

클로드 코드 설치 오류

0

5

0

수강자료 다운로드 관련 문의

0

11

2

클로드 코드 설치 관련

0

9

1

Gemini API 결제

0

6

1

강의 내용 추가 요청

1

9

2

Unit 4.1-웹훅: 웹훅 설정 파일의 저장 위치는?

0

8

0

/persona-interview 스킬 위치 문의

0

7

1

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

0

10

1

Opus/Sonnet 버전 관련 문의

1

12

2

Claude 발음

1

47

1

클로드코드의 서브에이전트 메모리 전략

1

81

1

clear 와 compact 어떤걸 사용해야 할까요?

0

151

1

/rewind 시 코드 복구 여부

0

135

1

시니어 리뷰 모드

0

126

1

10. output-styles 는 왜 똑같이 해도 안되나요?

0

149

2

output-style is deprecated

0

193

2

피그마 관련 답글입니다.

0

122

1

claude code에 figma 반영 문제

0

203

1

고민하다가 써봅니다.

0

242

1

강의 들으려면..

0

201

1

동일 내용을 codex에도 응용할 수 있나요?

0

211

1

Context Enginnering 관련 질문

0

268

1