---------------------------------------------------------

* 생활코딩 WEBn 정독하기 project *

웹호스팅 (github pages)

LINK : https://opentutorials.org/course/3084/18891

----------------------------------------------------------

 

웹 서버 운영이란? 

  1. 컴퓨터가 있어야함
  2. 컴퓨터가 항상 켜져있어야 함
  3. 웹서버 프로그램 배워서 깔아야 함. 
  4. 인터넷을 통해 웹서버에 연결할 수 있게 여러 조치해야 함. 

 

웹 호스팅

  • 웹 호스터(web host) : 인터넷이 연결되어 있는 컴퓨터 한 대 한대
  • 웹 호스팅 회사(web hosting) : 웹서버를 운영하기 위한 컴퓨터.(=호스트)를 빌려주는 회사 
  • 검색 키워드 : 웹 호스팅 회사 

 

github 웹 호스팅 

  • 무료이고 유명함.
    • 아무리 많은 사람들이 들어와도 돈 한 푼 안내도 됨.
  • 개발자의 성지 - 수많은 오픈소스 여기서 만들어짐. 
  • 많은 일을 하는데, 그중 하나가 웹서버 제공

 

웹 호스팅을 해보자!

1. 회원가입 (sign up) - 로그인 (sign in) 

github의 우측 상단

 

 

2. New repository 만들기 - 코드 업로드

로그인 후 우측 상단

 

  • Repository : 저장소
  • 우리가 지금까지 만든 소스를 git hub에 저장할 수 있음
  • drop box / google drive.. 와 비슷한 기능인데(클라우드?), 프로그래머 전용
  • Create a new reposiotry 내용 입력하기 
    • Repository Name
    • Public 체크
    • Add a README file 체크
  1. Upload files 
    Repository에서 우측, 중간정도 높이
  2. 파일 선택해서 올리기 - Commit changes

    파일 select 한 후 아래.
    • 파일 버전에 대한 내용 적는다 ( 버전 기록 ) 
    • 파일 수정할 경우, upload files 사용해서 올리면 수정됨. (버전 관리/Commit change란에 버전 기록) 

 

 

3. Web hosting

  1. Settings 접속
    메뉴바에서 setting
  2. Settings 첫 화면에서 스크롤 쭉 내려서 Gitgub Pages

    • Source : NONE -> mater로 바꾸기 
    • Save 
    • 아래 사진처럼 웹 주소가 나온다.
      Gitgub Pages
    • 전 세계 어디에서든지 해당 주소로 내가 만든 웹사이트 접속 가능!

 

4. Host & Web hosting & Static web hosting

  • 호스트(host) : 인터넷 연결된 컴퓨터 
  • 호스팅(hosting) : 호스트 대여해주는 사업
  • 웹 호스팅(web hosting) : 호스팅의 대상이 웹인 것 
  • static web hosting : html file만을 서비스하고 싶을 때 
    • 무료도 많고, 가격도 저렴함. PHP python.. 등 배우면 dynamic
  • FYI : 현업에서 웹 서버 운영한다고 하면, 자기가 직접 하는 경우는 없음.
    • 서버 운영 전문적으로 하는 사업자에게 따로 맡겨서 사용함. 

 

* github 외의 사이트

찾아볼 때 키워드 : free static web hosting (무료 html 호스팅 서비스)

 

추천할 만한 서비스 (2017년 기준) -> 찾아내는 능력 길러라

 

 

 

* 관련된 게시물 *

[생활코딩_WEBn] 5. HTML 코딩과 실습환경 준비

[생활코딩_WEBn] 기본 문법 - 태그

[생활코딩_WEBn] 혁명적인 변화

[생활코딩_WEBn] 통계에 기반한 학습

[생활코딩_WEBn] 줄바꿈

[생활코딩_WEBn] HTML이 중요한 이유

[생활코딩_WEBn] 최후의 문법 속성과 img

[생활코딩_WEBn] 부모 자식과 목록

[생활코딩_WEBn] 문서의 구조와 슈퍼스타들

[생활코딩_WEBn] HTML 태그의 제왕

[생활코딩_WEBn] 웹사이트 완성

[생활코딩_WEBn] 원시웹

[생활코딩_WEBn] 인터넷을 여는 열쇠 : 서버와 클라이언트

 

 

 

 

+ Recent posts