dullin
덜린의 코딩 항해 일지
dullin
전체 방문자
오늘
어제
  • 분류 전체보기 (267)
    • ESG 지속가능경영 (5)
      • GRI (3)
      • CBAM (1)
      • GHG Protocol (0)
      • K-ESG (0)
    • JAVA (19)
    • JAVASCRIPT (3)
    • HTML_CSS (3)
    • DB (35)
      • Oracle (16)
      • MySQL (17)
    • JAVA_SERVLET (5)
    • 오류노트 (4)
    • Library & API (6)
    • Spring (20)
      • 개발준비(setting) (1)
      • 전자정부프레임워크 (5)
    • 인공지능 (2)
    • Python (13)
    • OpenCV (1)
    • AI-900 (5)
    • Django (6)
    • Linux (0)
    • Android Studio (12)
    • React Native (1)
    • 오늘의 일기 (0)
    • PHP (2)
    • Next.js (1)

블로그 메뉴

  • 카테고리
  • 글쓰기
  • 홈

공지사항

인기 글

태그

  • esg 공시
  • GRI 실무
  • 지속가능경영
  • GRI 시스템
  • 버셀
  • 갈증해소완료
  • esg 컨설팅
  • 실무가이드
  • ESG 데이터
  • 오블완
  • 오갈완
  • 오늘도 오류 한모금
  • 선빵필승
  • 덤벼라 스프링
  • 강철맷집
  • 티스토리챌린지
  • 예끼에러야
  • 오늘도 즐코딩
  • 필사즉생행생즉사
  • 지속가능경영보고서

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
dullin

덜린의 코딩 항해 일지

Next.js

Vercel에 React 프로젝트 배포하기, 상세 가이드

2026. 1. 21. 18:30

로컬에서 버셀을 통해 배포가 되는 구조

 

 


Step 1 [Github -> Terminal].

1-1. 코드를 담을 저장소(Repository) 생성하기

 

1-2. Github Repository에 배포하기

* 배포하려는 프로젝트 경로 터미널에서 아래 명령어를 순서대로 입력합니다.

* 생성한 깃 레포와 프로젝트를 연동하는 명령어 입니다.

 

 

Step 2 [Vercel]. Vercel로 배포할 프로젝트 불러오기

2-1. Vercel에 접속하여 새로운 프로젝트를 생성해준다.

Add New -> Project 클릭

2-2. 배포할 깃허브 Repository를 선택해준다.

이전 단계에서 생성한 배포할 프로젝트가 담긴 Repository 확인 후 Import 버튼 클릭

2-3. 필요한 설정 이후, Deploy버튼으로 배포해준다.

*도메인 이름을 원하는 걸로 입력할 수 있지만, 중복되는 도메인이 있다면 사용 불가할 수 있다.

*Framework Preset은 Vercel에서 프레임워크를 자동 감지해준다.

*환경변수가 필요한 프로젝트인데 입력하지 않는다면, 빌드시에 오류가 발생한다.

도메인 이름과 환경변수 설정(선택)을 마친 후, Deploy 버튼으로 배포!

2-4. 배포 완료 화면

 

 

 


FAQ

01. 진행중인 배포 현황과 로그들은 어디서 확인할 수 있나요?

프로젝트 클릭 -> Deployments 클릭

 

02. 도메인 주소를 바꾸고 싶어요

 

 

03. 배포 파이프라인이 어떻게 되는거에요?

* 버셀에서 생성한 프로젝트에 깃 레포를 연동해두고,

프로젝트 작업 후 깃허브에 커밋 하면

변화를 감지한 버셀이 자동으로 재배포를 합니다.

 

 

저작자표시 (새창열림)
    dullin
    dullin

    티스토리툴바