Vercel은 정적 사이트를 배포하는 데 최적화된 플랫폼으로, HTML, CSS, JavaScript로 구성된 프로젝트를 매우 쉽게 배포할 수 있습니다. 아래에 Vercel을 이용해 프로젝트를 빌드하고 배포하는 방법을 단계별로 정리했습니다.1. Vercel 계정 생성 및 CLI 설치계정 생성Vercel 공식 웹사이트에 접속해 회원가입을 완료하세요.GitHub, GitLab, Bitbucket 계정으로 로그인하면 코드 저장소와의 연동이 편리합니다.Vercel CLI 설치터미널에서 아래 명령어를 사용해 Vercel CLI를 설치합니다.npm install -g vercel설치가 완료되면 CLI를 통해 Vercel과 연동할 수 있습니다.2. 프로젝트 준비프로젝트 디렉토리 구성HTML, CSS, JS 파일을 포..
프론트엔드/Vercel
깃허브 계정으로 버셀 로그인을 시도하니 자꾸 사이드프로젝트 팀계정으로 로그인되는 버그가 발생했다.몇시간의 삽질 끝에 문제점과 해결방법을 찾았다.1. 사이드프로젝트 팀의 vercel 계정에서 My Account > setting > Authentication 에 나의 깃허브 개인 계정이 로그인 연동 되어있었다. 이로 인해 vercel에 접속하여 깃허브 연동 로그인을 시도하면 팀계정으로 로그인 되었던 것이었다.-> 팀계정에서 내 개인 깃허브 로그인 연동을 삭제했다. 2. 깃허브 계정 로그인을 하니 가입된 계정이 없다는 오류가 발생했다. 이는 내가 이전에 깃허브의 인증 이메일을 변경했기 때문이었다.깃허브 가입 -> 버셀 가입 -> 깃허브 이메일 변경 -> 버셀에서 깃허브 연동 로그인 시 이메일을 찾지 못해 오..
1. 도메인 구매아래 링크에서 도메인을 구매한다.( 링크 -> 도메인 -> 도메인 검색) https://domain.gabia.com/regist/regist_domain구매 완료 후 My 가비아 -> 도메인 에서 표시한 도메인 주소를 복사한다 2. DNS 설정 변경my 가비아 -> 도메인 -> DNS 관리툴 -> 설정 -> DNS 설정 -> 레코드 수정 위 사진과 같이 변경 후 저장한다. (아래 복붙)A@76.76.21.21CNAMEwwwcname.vercel-dns.com. 3. Vercel 프로젝트 설정 변경Vercel -> 프로젝트 클릭 -> Settings -> Domain1번 과정에서 복사한 도메인 주소를 붙여넣기 한다.([ The specified value " soonting.si..
