#5. 웹페이지 배포

기존에 만들었던 BCFlix 프로젝트를 활용, FireStore DataBase 연동과정까지는 동일하게 진행했다고 가정한다.

 

배포

이전에 만들었던 프로젝트 - 브라우저를 열어보면

file:///C:/Users/user/Desktop/BootCamp/BCFlix/Index.html

다음과 같이 '파일'의 형태인 것을 알 수 있다.

하지만 우리가 아는 일반적인 주소는 https:// 등과 같은 형태를 이루고 있다.

 

이 http 를 '프로토콜' 이라고 부른다.

데이터 통신 규약 이라는 말로, 기기 간 데이터를 주고 받을 때 정해진 규약 이라고 볼 수 있다.

http 와 https 로 나뉜 경우를 봤을 수 있는데, 이 s 는 Security 의 약자로, 더 보안이 강화되었다는 의미라고 한다.

이러한 프로토콜을 사용해 다른 사람들도 이 웹페이지를 사용할 수 있도록 배포하는 실습을 진행한다.

 

GitHub 의 GitHub Pages 를 활용하여 사이트를 제작한다.

내용이 꽤 간단해, 단계로 나누어서 글로만 설명한다.

 

1. Github Login

2. Make New Repository

3. Upload File (웹페이지로 만들려고 하는 파일을 업로드한다)

이때 주의할 점으로, 파일 이름을 반드시 'index.html' 로 진행해야 한다.

본인은 Index.html 로 i 한글자를 대문자로 바꿔서 진행했었는데, 404 에러가 발생했다.

자세한 내용은 깃허브 페이지에서 볼 수 있다.

https://pages.github.com/

GitHub Pages

4. Project Setting - Pages - Build and delployment

5. Branch Select (파일을 올린 Branch 로 설정한다) - Save

 

잠시 기다리면, 웹페이지 주소가 나타난다.

내가 실습으로 만든 페이지는 다음과 같다.

https://namminu.github.io/WebPagePractice/

BootCamp Flix

 

FireBase 의 한계점

백엔드의 커스터마이즈가 어렵다는 점이 있다.

구글에서 이미 다 완성한 플랫폼을 제공하기 때문인데, 그 이유로 서버 인프라에 대한 직접적인 컨트롤이 어렵다는 점이 있다.

서버 자체의 개선, 수정을 원한다면 실제 서버 구축 혹은 다른 플랫폼 이용 등의 방법이 있을 것이다.

 

추가로 이번 HTML 강의에서는 백엔드 언어, Python 을 사용하지 않았다.

파이썬은  FireBase 의 제한 사랑을 넘어 다양성과 유연성을 가질 수 있기 때문에 더 많은 컨트롤이 가능하다고 한다.

추후 파이썬에 대해서도 더 공부를 진행해도 좋을 듯 하다.