[항해99 리액트 입문] 17. 리액트 배포하기 (vercel)

posinity·2022년 11월 28일

[항해99] 리액트 입문

목록 보기
10/11

1. Vercel 이란?

Vercel은 AWS 와 같은 클라우트 컴퓨팅 서비스를 제공하는 회사이면서도, 서비스의 이름이기도 합니다. 그리고 React의 Framework인 Next.js를 개발한 회사이기도 합니다.

우리가 Vercel을 선택한 이유는 아주 쉽고, 간단하며 성능도 괜찮고 일정 수준까지는 무료이기 때문입니다. 복잡한 설정을 할 필요(Zero-config)도 없고, 단지 깃헙과 연동하고, 소스를 push 를 할때 마다 새로운 소스코드가 자동으로 배포도 됩니다. 또한 SSL 설정도 자동으로 적용이 되며, custom domain도 아주 쉽게 연결할 수 있습니다.

2. 배포하기

(1) 깃허브 레포지토리 생성 및 remote 등록

일단, 깃허브에서 새로운 레포짓토리를 생성하세요. 그리고 우리의 프로젝트와 레포짓토리를 연결하고 모두 commit & push 합니다.

(2) Vercel

https://vercel.com/
Vercel로 들어갑니다. 그리고 깃허브 아이디를 이용해서 로그인 합니다.
나의 레포를 Import > deploy 한다
그러면 몇분뒤, 이렇게 배포가 완료됩니다. STATUS가 ready 라면 배포가 완료된 것입니다. 도메인을 클릭하면 우리의 서비스를 접속할 수 있습니다.

(3) 수정사항은 어떻게 반영하나요?

만약 지금 배포된 것에서 추가로 무언가를 개발하고 그것을 반영하고자 한다면, 코드 작성을 마치고 commit과 push를 하면 자동으로 재배포를 합니다. push 외에 별도로 우리가 해줄 것은 없습니다.

3. 정리

  • 우리는 Vercel로 배포한다.
  • 레포지토리를 생성하고 Vercel에서 로그인 후 레포지토리만 선택하면 자동으로 배포가된다.
  • 수정사항을 반영하고자 할 때는 레포지토리에 commit, push 하면 자동으로 재배포를 시작한다.

4. 더 알아보면 좋을 키워드

[22.8.6 업데이트] - 내용추가

profile
문제를 해결하고 가치를 제공합니다

0개의 댓글