Vercel은 자바스크립트 앱을 손쉽게 배포할 수 있는 플랫폼입니다. Vercel은 GitHub, GitLab, Bitbucket과 같은 버전 관리 시스템과 통합되어 있으며, 변경된 코드를 자동으로 감지하여 배포하는 파이프라인을 구축할 수 있습니다.
이번 블로그 포스트에서는 Vercel을 사용하여 자바스크립트 앱의 배포 파이프라인을 만드는 방법을 알아보겠습니다.
1. Vercel 계정 생성 및 앱 설정
먼저, Vercel 웹사이트로 이동하여 계정을 생성합니다. 계정을 생성한 후, Vercel 대시보드로 이동하여 “새 프로젝트”를 클릭합니다.
프로젝트 이름을 입력하고, 배포할 자바스크립트 앱의 경로를 지정합니다. Vercel은 프로젝트를 자동으로 인식하여 앱을 빌드하고 배포할 수 있습니다.
2. 배포 설정
Vercel 대시보드에서 프로젝트를 선택한 후, “설정” 탭으로 이동합니다. 이곳에서 배포 설정을 구성할 수 있습니다.
빌드 및 배포 명령어 설정
먼저, “빌드 및 배포” 섹션에서 앱을 빌드하고 배포하는 데 사용할 명령어를 설정합니다. 일반적으로 yarn 또는 npm을 사용하여 빌드 명령어를 설정합니다.
예를 들어, package.json 파일에 다음과 같은 빌드 스크립트가 있다면:
"scripts": {
"build": "webpack"
}
위의 예시에서는 “빌드 및 배포” 섹션에서 “npm run build” 명령어를 입력해야 합니다.
환경 변수 설정
자바스크립트 앱에서 환경 변수를 사용하는 경우, Vercel에서도 해당 환경 변수를 설정할 수 있습니다. “환경 변수” 섹션에서 자신의 앱에 필요한 환경 변수를 설정합니다.
3. 배포 확인
Vercel은 설정한 파이프라인에 따라 자동으로 앱을 빌드하고 배포합니다. 배포가 완료되면 Vercel에서 자동으로 제공하는 URL을 통해 앱에 접근할 수 있습니다.
추가적인 설정이 필요한 경우, Vercel 문서를 참고하여 원하는 기능을 추가할 수 있습니다.
결론
Vercel을 사용하여 자바스크립트 앱의 배포 파이프라인을 구축하는 방법에 대해 알아보았습니다. Vercel은 자동으로 앱을 빌드하고 배포하는 기능을 제공하여 개발자들이 효율적으로 앱을 배포할 수 있도록 도와줍니다.