[GitHub] 깃허브GitHub 사용 방법 (1) / 파일 업로드, 수정, 삭제 등

깃허브란 ..?

개발자들이 소스코드를 공유하여 협업하기 위한 사이트

(웹 호스팅 기능을 가지고 있음)

 

=> 우리의 소스코드를 저장할 저장소를 만들어야한다.

 

 

 

---

 

[ 저장소 만들기 ]

우선 저장소를 만들려면 아래 사진처럼 'New' 또는 '+'를 누른 뒤 'New repository'를 눌러준다.

 

 

아래 사진과 같이 저장소 이름과 저장소 외부 공개 여부 등을 설정한 뒤 Create Repository를 눌러 생성해준다.

 

 

 

---

 

 

[ 파일 저장소에 올리기 ]

아래 사진과 같이 uploading an existing file을 눌러준다.

 

그리고 아래 사진의 동그라미 친 부분에 파일을 파일탐색기에서 드래그앤드롭하거나 choose your files를 눌러 파일을 찾아 업로드해준다.

 

나는 아래 사진과 같이 드래그앤드롭해주었다.

 

 

그리고 올린 파일에 대한 설명을 Commit changes에 아래 사진과 같이 작성해주면 된다.

 

 

Commit changes를 눌러주면 업로드되고 아래 사진과 같이 뜨게 된다.

 

 

파일을 눌러보면 아래 사진과 같이 파일의 내용이 뜨게 되고 해당 웹페이지의 링크를 복사하여 다른 사람들에게 내 코드를 보여줄 수도 있다.

https://github.com/hsyo830/Web_Practice/blob/main/1.html

Web_Practice/1.html at main · hsyo830/Web_Practice

 

 

 

---

 

 

[ 깃허브 기능 - 웹사이트 운영하기 ]

아래 사진과 같이 Settings -> Pages 를 눌러준다.

그리고 Branch를 None에서 main으로 바꿔준다.

 

main으로 변경한 뒤 아래 사진처럼 뜨게 되는데 이때 save를 눌러준다.

 

 

그리고 action을 눌러 현재 빌드 진행 상황을 볼 수 있다.

 

 

 

완료되었다고 초록색 체크가 떴다 다시 Settings -> Pages 로 돌아와보면 아래와 같이 링크가 뜨게 된다.

 

해당 링크를 눌러주면 다음과 같이 화면이 뜨게 된다.

* 만약 404 화면이 뜨면서 제대로 실행되지 않는다면 index.html이 없는 것이므로 해당 이름으로 새 파일을 생성해주거나 기존 파일의 이름을 index.html로 변경해줘야한다.

 

 

https://hsyo830.github.io/Web_Practice/

Introduce Youtube

 

 

 

---

 

 

[ 파일 삭제하기 ]

삭제할 파일에 들어간 뒤 ...을 눌러준 뒤 Delete file을 눌러준다.

 

정말로 파일을 삭제할 것이면 Commit changes...를 아니라면 Cancel changes를 눌러준다.

 

 

---

 

[ 변경사항 반영하기 ]

만약 업로드한 파일 중 수정사항이 발생하였다면 다음과 같이 해주면 변동사항이 적용된다.

아래 사진에서 Upload files를 눌러 파일을 업로드 할 때와 똑같이 업로드하여 덮어쓰기해주면 된다.

 

 

---