여기에서 작동하는 웹호스트는 html, css, javascript 등만 이용이 가능하며 이러한 것을 static 사이트라 부르기도 합니다.
만드는 방법은 간단합니다.
1) github 에 로그인(회원이 아니라면 가입)
2) repository 만들기 (아이디.github.io) 로 생성.
3) 웹페이지 접속하여 확인
여기서는 1번을 생략하고 repository 만드는 것(2번)부터 시작합니다.
repository 를 생성합니다.
+ 버튼을 누른 후 New repository 를 클릭합니다.
아래처럼 창이 뜨면, repository name 을 [아이디].github.io 로 생성합니다.
여기서는 username 이 lemontia 이므로 lemontia.github.io 로 생성했습니다.
아래에 빨간박스는 체크하지 않아도 무방합니다.
완료되면 다음과 같이 생성이 됩니다.
로컬에서 git 을 clone 하여 다운받습니다.
# 폴더 이동후 git clone [레파지토리 주소]
해당 폴더에서 index.html 파일을 생성한 후 아래 코드를 입력하여 저장합니다.
<!DOCTYPE html>
<html>
<head>
<!-- jquery cdn -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha256-3edrmyuQ0w65f8gfBsqowzjJe2iM6n0nKciPUp8y+7E=" crossorigin="anonymous"></script>
</head>
<script>
$(document).ready(function(){
alert("TEST")
})
</script>
<body>
테스트 페이지 입니다
</body>
</html>
생성한 index.html 파일을 Github repository 에 push 합니다
git push origin master
이제 웹 브라우저로 접근해봅니다.
https://[아이디].github.io/
다음과 같이 뜨면 완료
완료
'공부 > 프로그래밍' 카테고리의 다른 글
| 윈도우에 Apache, php7 설치하기 (0) | 2018.06.15 |
|---|---|
| [javascript] React.js 살펴보기 (0) | 2018.05.14 |
| [python] 파이썬 스케줄 수행 - schedule, apscheduler (6) | 2018.04.20 |
| [python, javascript] 글 속에서 해시태그 추출(python) or 화면에 링크 걸기(javascript) (0) | 2018.04.18 |
| [jquery] 무료차트(chart) 추천 - billboard (2) | 2018.04.12 |
댓글