DEVELOP
article thumbnail

웹 호스팅 : github page 

# 호스팅 (클라우딩) 

: 인터넷에 연결된 컴퓨터를 빌려줌 

# 웹 호스팅 

-> 무료인 깃 허브 이용 (호스팅이 주 용도는 x ) 

 

GitHub: Let’s build from here

GitHub is where over 94 million developers shape the future of software, together. Contribute to the open source community, manage your Git repositories, review code like a pro, track bugs and feat...

github.com

 

# 호스팅 하는 법 

저장소 생성 - 파일 업로드 - setting - pages - main 브랜치 선택 - save ( action에서 진행 상황 확인 가능 ) 

-> setting - pages에서 사이트 접속 가능 

 

# 내 컴퓨터 & 방문자 컴퓨터 & 호스팅 컴퓨터 

  1. 내 컴퓨터의 웹 페이지(index.html) 를 호스팅 컴퓨터에 업로드 
  2. 호스팅 컴퓨터에서 웹 서버를 활성화하고 컴퓨터에 도메인 주소(https://example.com)을 부여
  3. 방문자 컴퓨터가 도메인 주소(https://example.com)로 접속 
  4. 호스팅 컴퓨터의 웹 서버가 웹 페이지(index.html)를 읽음
  5. 웹 서버가 방문자에게 웹 페이지(index.html)의 소스코드 전송 
  6. 방문자의 웹 브라우저에 웹 페이지(index.html) 표시 

웹 서버 운영하기 - Web Server for Chrome

 

Web Server for Chrome

A Web Server for Chrome, serves web pages from a local folder over the network, using HTTP. Runs offline.

chrome.google.com

 

- Accessible on local network 체크하지 않으면 본 컴퓨터에서만 접속가능한 주소 생성됨 

- 컴퓨터와 스마트폰을 같은 네트워크에 연결하고 Accessible on local network 체크 후 웹 서버 다시 키면 스마트폰에서도 접속 가능한 새로운 IP address 생성 

 

- 스마트폰에서 접속 안될 경우 공용 네트워크 방화벽 잠시 꺼주어야 함 


댓글 기능 추가 : https://disqus.com/

 

Disqus – The #1 way to build your audience

Disqus offers the best add-on tools for websites to increase engagement. We help publishers power online discussions with comments and earn revenue with native advertising.

disqus.com

실시간 채팅 기능 추가 : https://www.tawk.to/

 

100% FREE Live Chat Software, Ticketing & Knowledge Base! - www.tawk.to

tawk.to is 100% free live chat software to monitor and chat with visitors on your website or from a free customizable page.

www.tawk.to

 

profile

DEVELOP

@JUNGY00N