7일차 : 웹 호스팅

7일차 : 웹 호스팅

 

지난 시간에 웹서버를 직접 만드는 것은 어려우니, 웹호스팅 업체를 이용하라고 했죠.

 

웹서버를 운영하려면 우선 컴퓨터가 있어야 하고, 그 컴퓨터가 항상 켜져 있어야 합니다.

웹서버라는 프로그램을 배워서 설치해야 하고, 인터넷을 통해 정보를 외부로 전송할 수 있게 설정해야 합니다.

따라서 초보자가 쉽게 운영할 수 없죠..ㅠ

 

그래서 오늘은 웹서버를 빌려주는, 웹호스팅 업체를 통해 외부에서도 접속 가능한 웹사이트를 만들어 봅시다!

 

** 생활코딩에 나와있는 설명/캡쳐는 예전 깃허브를 보여주는 내용이라 생활코딩만 보면 똑같은게 없어서 당황하실 수 있어요. 오래 전에 업로드 된 내용이라서, 깃허브 페이지 생김새가 좀 달라졌거든요. 아래 캡쳐들은 실시간 깃허브의 모습이니 참고하세요 :)

 

*** 생활코딩도 2022년 1월에 수정판이 업로드 되었습니다!!

 

 

1. 깃허브 이용하기 (https://github.com) : 계정 만들고 로그인하기

 

깃허브는 프로그래머들에게 성지와 같은 서비스라고 합니다.

웹 호스팅 뿐 아니라 정말 다양한 기능을 제공하는데요.

오늘은 웹사이트 만들러 왔으니까 그것부터 해볼게요.

이메일로 쉽게 회원가입이 가능합니다.

회원가입하는 페이지 조차도 너무 세련되고 귀엽고 혁신적이에요.. 뭐야..

(깃허브 주식 없나..? 하고 살펴보니 MS가 인수했네요.)

 

 

2. 저장소(repository) 생성 : Create repository 를 눌러 새 저장소를 만드세요!

 

원하는 이름을 설정하고, Public을 고른 후, 마짐가에는 README 파일 추가를 선택합니다.

 

짜잔!

 

여기서 Add file을 눌러, 지금까지 함께 만든 웹페이지들을 업로드 해줍니다.

지금까지 아톰으로 만들었던 그 페이지들이요!

 

 

업로드가 끝났으면 저장을 해주고 세팅을 눌러줍니다.

 

세팅에서 쭉 밑으로 내려오면 GitHub Pages가 있어요. 거기서 Branch를 main으로 선택하세요! 그리고 저장(save)!

 

 

3. 바로 아래의 이 주소가 제가 처음 만든 웹사이트 주소 입니다..

 

감격... 이제 링크로 됩니다..!

 

https://cjejwhite.github.io/WEB.html/

My first website

 

실은 여러 오류가 발생해서.. 힘들었어요ㅠㅠ

 

 

** 주의사항 **

 

 

1. 저장소 이름을 폴더 명이랑 일치시키기! 뒤에 .html 도 함께 붙여주세요!

 

2. 메인 페이지로 보여주고 싶은 페이지를 index.html 로 파일명 변경하기!

 

 

3. 한글은 되도록이면 사용하지 마세요! 영어로 하세요 ㅠㅠ

 

 

이렇게 세 가지를 변경하시면 아마 문제 없이 웹사이트 생성이 가능하실거에요.

 

저 이거때문에 힘들어서 유튜브 찾아보고 난리 쳤지 뭡니까ㅠㅠㅎ

 

여러분들은 에러 없이 한 번에 나만의 웹사이트 생성 가능하시길!