IOT(사물인터넷) 웹 서비스 구축하기( github에 웹서버 적용) #5

daviduino.co.kr	techtogetworld.com
david201207.blog.me	cafe.naver.com/3dpservicedavid

Webserver 를 Github에 구축코자 합니다(https://david20120720.github.io/)

Github는 개발자들이 협업, 자료공유,커뮤티케이션을 할수있는 플랫폼으로 많이 알려져 있습니다(https://github.com)

오늘은 많은 기능들중에서 ,github page기능에 대해 글을 쓰고자 합니다.

page 기능은 github에 웹서버를 구축하는 개념입니다.

개발자들간에 협업을 할때, 유용한 기능인것 같습니다(장점: 도메인, 호스팅 서비스 무료,+다양한 기능들)

글의 순서는 아래와 같습니다.

=======================================================

1. github.com 계정만들기 ==> 세부사항은 생략하겠습니다.사이트에 접속하셔서 계정만드시면 됩니다.

2. page(웹페이지)용 저장소 만들기

3. page 저장소에 웹프로그램(html, java script ,구글지도 api등) 저장하기

4. 인터넷에 공개하기

5. 웹에 나타난 전체모습

   https://david20120720.github.io/

=======================================================

[ page(웹페이지)용 저장소 만들기 ]

1. github  계정을 만들면, 아래 화면을 볼수있습니다. 

  메뉴중 repositorie 항목이, 저장소 입니다.  그림상으로 4개가 등록이 되어 있음을 알수있습니다.

2. 새로운 저장소를 만듦니다. 홈페이지 프로그램을 저장할 저장소 입니다. 아래 화면의 "New"를 클릭합니다.

3.새로운 저장소의 이름은 "david20120720.github.io " 입니다. 향후 이 저장소 이름이 웹의 주소가 됩니다.

  public 선택 하시고, initiallize this ~ readme.md "를 선택하고 , 최하단 create~ 를 클릭하면, 저장소가 생성이 됩니다.  

[ page 저장소에 웹프로그램(html, java script ,구글지도 api등) 저장하기 ]

1. 아래 저장소에 웹프로그램을 저장합니다.

2. 주의사항

  . 아래 화일중 readme.md 화일은 저장소 생성시 자동으로 만들어진 화일입니다. 화일 내용에 " # david20120720.github.io "라고 입력이 되어있는데 , 이 내용을 삭제를 하시기 바랍니다. 삭제를 않하면 웹주소창에 주소치고 들어가면 불필요한 내용이 들어가서, 혼동이 생길수 있습니다.

3. 웹프로그램 소스화일을 유첨합니다. 간단한 소개화일입니다.

www git.zip

 

[인터넷에 공개하기]

 - Setting 메뉴선택

 - 하단의 github pages에서  source =>mater branch 선택후 save 한다

[웹에 나타난 전체모습]

1. 주소창에 " 개인아이디.github.io"로 들어가면 됩니다.

 - 메인창(index)

 

메뉴_나의 소개

 - 구글 진도 api를 넣어, 지도를 표현해 봤습니다.

메뉴_관심 분야

메뉴_최근 동향