깃허브 생성 및 배포

간단하게 프로젝트 파일을 만든 후 깃에 올리고 배포하는 방법을 알아보자~!!!

1. 프로젝트 생성

1-1. 생성

vscode 터미널을 열어준 후 하나씩 입력해주면 된다.

Npm create vite@latest .

프로젝트를 vite를 이용해서 만들어준다.

1-2. npm 설치

npm i

1-3. 확인하기

npm run dev

2. 깃 연결

📍 gitignore 파일이 있는지 확인을 해야한다 📍
만약 없다면 파일을 생성하고 깃에 안올려도 되는 파일을 입력해준다.

2-1. 깃 저장소 초기화

git init

⭐️ 만약 브랜치가 main 이 아닌 master 일 경우 main 으로 변경하기

• git config --global --list
• git config --global init.defaultBranch main

2-2 파일 확인

git status

2-3 커밋

git add

2-4 버전으로 생성하기 (커밋메세지 작성)

git commit -m "프로젝트생성"

"" 안에 커밋메세지를 작성해주면 된다.

2-5 git 연결

git remote add origin 링크입력

링크는 깃 레파지토리 생성 후 나온 링크를 입력해준다.

2-6 푸쉬

git push orgin main

3. 배포

배포는 지금까지 3가지 방법으로 배포를 해봤는데, 간단하게 요약하자면

3-1 깃으로 배포

깃 레파지토리 세팅에 들어가서, page에 있는 브랜치를

메인으로 변경해준 후 저장하면 위에 링크가 뜬다.
그 링크가 배포된 링크!

3-2 netlify 배포

로그인을 깃으로 한 후 처음 페이지에 add new site를 누르면 프로젝트가 나온다.

자신의 레파지토리를 선택한 후 배포할 프로젝트를 누른다.

설정 후 배포버튼을 누르고 기다리면 링크가 뜬다.

3-3 vercel 배포

로그인 하면 똑같이 레파지토리가 뜬다. 여기서 배포할 프로젝트를 선택!

선택 후 설정값을 입력하면 간단하게 배포가 된다.