[HTML] 웹 호스팅을 해보자! :: github 이용기

[github]

 

github 를 이용해서 내 홈페이지를 호스팅해보자.

github 를 이용하는 이유에 대해 알려면 서버와 클라이언트의 관계에 대해 알아야한다.

클라이언트와 서버는 아래와 같이 데이터를 주고 받는데, 클라이언트를 일반적으로 우리가 사용하는 컴퓨터라고 생각하면 이해가 쉽다.

 

클라이언트 → (요청) → 서버 → (응답) → 클라이언트

 

우리가 브라우저(크롬, 사파리 등)에 주소를 도메인 주소를 입력하게 되면,

입력한 주소에 관한 파일을 서버가 클라이언트(내 PC) 로 전해준다.

 

당연하세도 서버에는 엄청난 양의 파일이 있어야 하고, 항상 전원도 켜져 있어야 한다.

현실적으로 우리 PC에서는 구현이 불가능에 가깝기 때문에, 온라인상에서 제공하는 서버를 이용하여 구현한다.

따라서 github 를 사용한다.

 

 

---

 

새 레파지토리 를 생성하고 지금까지 만든 html 파일과 jpg 파일을 업로드 후 커밋 했다.

 

레파지토리(repository)란 쉽게 말해 저장소라는 뜻이다. 

새로운 파일을 추가, 기존 파일을 수정, 삭제 할 수 있고 commit 하여 변경사항을 저장할 수 있다.

 

여러 개발자가 하나의 프로젝트를 진행해야 하는 경우 각자가 개발한 코드/문서들을 깃허브에서 통합적으로 관리 할 수 있는데,

이를 형상관리 도구 라고 하며, 형상관리 도구의 대표적인 방식이 분산관리식의 git 이다.

(정보처리기사 시간에 공부했는데 이렇게 복습하니 감회가 새롭다.!)

 

내 깃허브 url : https://ggeuning.github.io/my-first-web-site/1.html

인요가 하이퍼링크 클릭하자 마자 나타난 404 에러 ^^,, 뭐가 문제니

 

코드에는 이상이 없어 보이는데 왜 에러가 뜰까?

문제되는 파일은 인요가.html 과 하타.html. 두 개 파일만 하이퍼링크를 클릭했을때 페이지가 로드되지 않는다.!

혹시 업로드 과정에서 무언가 잘못되었나 싶어 두 개 파일을 삭제하고 재업로드 후 커밋했으나 동일한 현상이 발생한다.

 

 

지금 내 상황 ↑

 

 

1. 가장 상위 카테고리 파일명을 index.html 로도 바꿔보고

2. 코드가 잘못되었나 싶어 수정 후 다시 커밋해보고

3. 구글링 결과 빈 내용을 커밋 해보라고 해서 따라해보고

한 시간을 이리저리 만져봐도 해결이 되지 않는다.

 

---

해결완료 ... !! (짝짝)

 

 

결국 해결했다. 혹시나 해서 index.html 파일의 코드 중 '인요가', '하타' html 파일명을 삭제 후 다시 입력 했다.

혹시라도 눈에 보이지 않는 어떤 데이터가 같이 들어가 인식이 안되는 건가 해서.. 혹시나 하는 마음이었는데 그 이유가 맞았나보다 !
다시 접속하니 정상적으로 작동이 된다.