[1886px] HTML, vercel, github/git

이번 과제에서는 html을 이용한 간단한 웹사이트를 만들고 github에 업로드하고 vercel로 배포하는 활동을 했다.

1. 과제 페이지 fork하기
2. 폴더를 만든 후 VS code에서 폴더를 열고

git clone https://github.com/내아이디/저장소 아이디

를 입력하면 내 컴퓨터로 과제 페이지가 clone된다.

cd 저장소 아이디

3. branch 생성 후 코드 작성

git checkout -b 브랜치이름

git status
git add .
git commit -m "설명"
git push origin 브랜치이름

commit을 하면 로컬 저장소에 저장되고 push까지하면 github에 코드가 저장된다.

5. Pull request
   code -> contribute -> Open pull request

vercel에 배포하기

1. node 설치 후 npm-v node-v로 설치되었는지 확인하기
2. vercel cli 설치하기

npm i -g vercel

터미널에 입력하면 설치된다.

3. 터미널 창에 'vercel' 입력
   
4. 완성
   

어려웠던 점

1. fatal: not a git repository(or any of the parent directories):.git 오류
   원인) 현재 폴더에 git에 대한 정보를 담은 파일이 없어서 발생하는 오류
   해결) git init 입력

해결) VScode의 터미널을 powershell->cmd로 바꿔 해결

생각해볼 질문

1. git은 왜 사용하는 것일까요?

git으로는 add,commit 등의 기능을 이용해 소스코드를 공유, 백업, 관리 가능하다. 또, branch들을 사용해 여러가지 방법의 코드를 실험해볼 수 있다.

2. git과 github의 차이점은 무엇일까요?

git은 소스를 버전별로 관리할 수 있는 시스템이고 github는 git으로 전송된 코드들이 저장되는 공간이다.

3. vercel은 무엇일까요?

vercel은 프론트엔트 웹사이트를 배포할 수 있다.