: 웹 호스팅 (githu b pages) 날개허브 사용법 [생활 코딩] WEB 1 – HTML & Internet

 

사실 우리가 직접 웹 서버를 운영하기는 쉽지 않다.냉장고처럼 항상 켜져 있는 컴퓨터가 있어야 한다.웹 프로그램을 배워서 설치해야 한다.인터넷을 통하여 외부로 정보를 전송할 수 있도록 설정하여야 한다.웹 서버를 운영하려면 위와 같은 간단치 않은 조건들을 충족시켜야 한다.

1. 웹 호스팅이 어려운 웹 서버 운영 업무를 대행해 주는 회사가 있다.웹 서버를 운영하기 위해 인터넷이 연결된 컴퓨터 하나하나를 호스트라고 부르며 이런 호스트를 빌려주는 회사를 웹 호스팅 회사라고 한다.

인터넷에 웹 hosting을 검색하면 수많은 웹 호스팅 회사들이 나타난다.그 중에서도 무료로 유명한 웹 호스팅 서비스를 이용할 것이다.▲깃허브(https://github.com=깃허브는 프로그래머들에게 성지와 같은 매우 중요한 서비스다.전 세계의 수많은 오픈 소스가 이곳에서 만들어지기 때문이다.

이 날개허브의 한 서비스는 웹 페이지를 운영할 수 있는 서버를 제공합니다. 무료로! 우리는 이제 날개허브를 이용할 것이다.

2. 날개허브 사용법 ① 회원가입 아래 화면에 표시되는 Signup for Github을 클릭한다.

Signup for Github을 클릭하면 아래의 회원가입페이지가 나타난다.본인의 Username(별명) Emailaddress(계정주소) Password(비밀번호) 지정 후 아래 계정을 확인하면 끝!

② 저장소 생성 저장소(re pository)는 우리가 작성한 코드(소스)를 저장할 수 있는 공간을 말한다.방금 전 회원가입 후 하단의 New repository 버튼을 찾아 클릭한다.만약 버튼이 보이지 않으면 페이지 오른쪽 상단의 “+” 버튼을 클릭하면 거기에 New repository가 있으니 클릭하자.

New repository 버튼을 클릭하면 아래와 같은 화면이 나타난다.- Owner는 본인의 Username이 나타난다 – Repository name에 본인이 필요로 저장소의 이름을 입력해 준다. – Description은 저장소에 대한 설명을 적는 난이다.(쓰지 않아도 된다) – Public Private에서 공공 저장소를 만들 것인지 개인 저장소를 만들 것인지 선택할 수 있다. – Initializethis repository with에서 Add a README file 체크박스에 체크하자. (체크하지 않고 만들 경우 gitrepository를 처음 만든 후 local)

위 사항에 모두 체크하고 가장 하단에 보이는 Create respository를 클릭하여 저장소를 생성하자.

③ 파일 업로드

저장소가 생성된 모습이다.화면에 보이는 것처럼 Add file에서 Upload files를 클릭한다.Upload files를 클릭하면 하단에 보이는 화면이 나타난다.

위에 보이는 화면에서 먼저 chose your files를 클릭하여 본인의 프로젝트 폴더에 있는 파일을 다중 선택한다.다음으로 하단에 보이는 Commitchanges의 Add files via upload로 변경된 내용을 작성한다.처음이라면 간단하게 “first version”이라고 쓰자.(※파일이 변경될 때마다 새로 업로드 해야 하므로 Add files via upload로 변경된 내용을 작성 하는 것이다)

작성이 끝나면 맨 아래에 보이는 Commitchanges를 클릭한다.

업로드가 끝나면 위에 보이는 바와 같이 화면이 나타난다. 해당 페이지에서 본인이 원하는 파일이 업로드 되는지 확인한다.

④프로젝트를 인터넷에 서비스한다, 이번에는 업로드한 우리 프로젝트 파일을 인터넷에 서비스할 차례이다. 아래에 보이는 것처럼 Settings를 클릭한다.

Settings를 눌러 나오는 페이지를 스크롤하여 내리면 아래에 보이는 Git Hub Pages라는 항목이 나온다.여기서 Source의 None 버튼을 클릭하면 branch를 선택하는 창이 나타난다.기본적으로 저장소는 master라고 하는 branch를 가진다고 하지만, 나는 main이라고 하는 branch가 기본으로 생성되었다. 사람마다 다를 수 있으니 주의!

위 순서대로 진행하고 마지막 Save 버튼을 클릭하면 아래와 같이 생성된 본인의 주소가 나타난다.

이 주소에 접속하면 자신이 만든 프로젝트 페이지가 인터넷에서 서비스되고 있는 모습을 볼 수 있다.

내가 인터넷에서 서비스하고 있는 프로젝트의 웹 페이지

3. 웹 호스팅 이론적

– my – 우리의 컴퓨터 – github : 웹 호스팅 업체 – visitor : 우리의 웹 페이지를 보고 싶어하는 사람들의 컴퓨터

우리 컴퓨터는 현재로서는 콘텐츠를 서비스하지 못하고 있다.따라서 우리는 github의 pages 기능을 이용한다.github에 파일을 올리고 pages 기능을 활성화하면 github의 Server 컴퓨터에 웹 서버가 실행된다.그리고 웹 서버 주소를 알려준다.

앞으로 웹 서버 주소를 방문자에게 알리면 방문자는 자신의 컴퓨터가 아닌 github의 컴퓨터에 설치된 웹 서버에 접속하게 된다.

웹 호스팅(github pages) 2017-12-02 17:03:01 — 직접 웹 서버를 운영한다는 것은 쉽지 않은 일입니다. 먼저, 컴퓨터가 필요하고 컴퓨터가 냉장고처럼 항상 켜져 있어야 합니다. 웹서버라는 프로그램을 배워서 설치를 하셔야 됩니다. 또, 인터넷을 통해 외부에 정보를 송신할 수 있도록 설정할 필요가 있습니다. 쉽지가 않아요. 그래서 이 일을 대행해 주는 회사가 있어요. 인터넷에 연결되어 있는 PC를 하나 호스트라고 합니다. 이런 컴퓨터를 빌려주는 사업을 호스팅이라고 합니다. 웹 서버를 전문적으로 빌려주는 비즈니스를… opentutorials.org