[Web] 배포하기 - ( week 1 )

지금까지 만든 웹 페이지는 생성한 그대로 보이는 것으로 이를 정적 웹 페이지라고 한다.

이러한 정적 웹 페이지는 배포가 비교적 간단하기 때문에 이번엔 Github를 사용해서 배포해 보도록 한다.

 

Github

 

깃허브에 가입을 진행한 다음 배포를 위해서 Repository를 생성해 준다.

 

Create repository를 누르면 해당 저장소의 이름을 지정해 준 후 생성이 진행된다.

생성된 저장소에서 Quick setup을 보면 'uploadinng an existing file.'을 볼 수가 있다. 이 링크를 누르면 파일을 업로드할 수 있는 창으로 안내된다.

 

업로드 페이지가 뜨면 내가 만들었던 index.html 파일을 업로드 해준다.

깃허브에 페이지를 호스팅 하기 위해서는 한 가지 약속이 있는데 해당 파일의 이름을 index.html 형식으로 작성해 주어야 한다.

 

업로드가 완료되면 아래에 Commit changes를 눌러줘야 업로드가 된다.

 

이제 이 페이지를 다른 사람도 볼 수 있도록 설정한다.

저장소에서 설정창을 열어준다.

그리고 Pages 항목에서 Branch의 none을 main으로 변경해 주고 Save를 해준다.

만약 main이 보이지 않는다면 index.html 파일이 업로드되지 않아서 그럴 수 있기 때문에 다시 확인해 본다.

 

저장 후 잠시 배포가 끝날 때까지 대기하고 확인해 보면 다음처럼 외부에서도 페이지에 접속할 수 있게 된다.

 

수정을 해야 할 때는 저장소에서 해당 파일을 선택한 후 

연필 아이콘을 누르면 수정이 가능해진다. 이때 현재 파일의 내용은 모두 지우고 수정한 내용이 있는 파일의 전체 코드를 복사해서 붙여 넣는 방식으로 수정을 해주어야 에러발생도 줄어들며 페이지가 수정됐음을 확실하게 알 수 있어 캐시를 초기화하게 되어 기존 캐시를 지우고 새로운 정보를 다운로드하여 수정된 페이지를 볼 수 있게 된다.

 

저장소의 보안은 public으로 해야지 배포가 가능하며 유료 라이선스의 경우 private로 내 코드를 비공개로 하면서도 배포가 가능하다.