Github html 실행 - Github html silhaeng

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

1. 4장에선 명령어로 파일을 만들고 작업을 진행했다면 이 5장에선 HTML 을 에디터로 만들어서 저장해 보겠습니다.

먼저 작업 환경 폴더를 에디터에 드래그앤 드롭 시켜서 위치 시켜놉니다.

2. 이제 이렇게 위치시킨 폴더에 간단하게 테스트 할 HTML 파일을 아무렇게나 생성후 세이브 해주세요. 그런다음 4장에서 했던것처럼 Bash 에서 git status 를 찍어보겠습니다.

저는 index.html 라는 파일을 만들었어요 그랬더니 이전에 Tracked(관리 대상 파일 로 만들려는 상태)로 만들었던 READM.md 파일과 방금 에디터로 생성한 index.html 이 Untracked(비관리 대상 파일) 목록에 출력되는걸 확인 할 수 있습니다.

그러면.. 이녀석을 지금 git add 로 Tracked(관리 대상 파일 로 만들려는 상태)로 만들어 준후 그 다음 수정을 하고 git status(상태확인)로 찍어보면 어떤 결과가 나올까 해보겠습니다.

3. 현재 순서는 다음과 같습니다.

- index.html 파일생성

- index.html 을 add

- 상태확인

- index.html 을 수정후 저장(수정한 상태에서 바로 컨트로 + S)

- 상태확인

아래와 같은 스크린샷 문구가 출력되실꺼라 생각됩니다.

Changes not staged for commit:

(use "git add <file>..." to up date what will be committed)

(use "git checkout -- <file>..." to discard changes in working directory)

modified:    index.html

이 index.html 파일은 "Changes not staged for commit"에 있어. 이것은 수정한 파일이 Tracked상태이지만 아직 Staged 상태는 아니라는거말이야.

라는거라네요. 이렇게 수정된 녀석을 Staged(현재 이러한 파일들을 commit 할 것이라는 상태)로 만들려면 git add 명령을 실행해야 합니다.

git add 라는 명령어는 파일을 추적할 때도 사용되고 수정된 파일을 Staged상태로 만들때도 사용 됩니다.

그런데 계속 보다보니 index.html 는 Staged 상태이면서 동시에 Unstaged 상태로 나옵니다.  <- 아랬부분에 정리하려고 합니다.

git add 명령을 실행하면 Git은 파일을 바로 Staged상태로 만듭니다. 지금 이 시점에서 커밋을 하면 git commit 명령을 싱행하는 시점의 버전이 커밋되는 것이 아니라 마지막으로  git add 명령을 실행했을 때의 버전이 커밋됩니다. 그러니까 git add 명령을 실행한 후 또 파일을 수정하면 git add 명령을 다시 실행해서 최신 버전을 Staged 상태로 만들어야 합니다.

5. modified가 안뜨시는걸 보실 수 있습니다. modified는 현재 수정 되어지고 있는 파일을 뜻합니다.

용어가 많이나 나와서 6장에서 정리를 한번 하고 넘어가는게 좋을꺼 같습니다.

1. 웹 호스팅

웹 페이지를 배포하기 위해서는 서버 프로그램을 실행시켜야 한다. 하지만, 서버 프로그램을 돌리는 일은 컴퓨터의 부하를 야기하며 쉽지 않은 작업이다. 따라서 서버 프로그램을 대신 돌려주는 업체들이 있다. 이런 업체들을 호스팅 업체 라고 부른다.

​

- 호스트 : 인터넷으로 연결된 모든 디바이스

- 호스팅 : 호스트를 빌려주는 행위

​

웹 호스팅을 통해 먼저 html 문서를 배포해보자. 무료로 호스팅을 해주는 업체로는 깃허브가 있다. 따라해보자.

​

1) 깃허브에 접속한다.

https://github.com/

참고로 깃허브는 explorer를 지원하지 않으므로 크롬 브라우저를 사용하는 것이 좋다.

​

2) 회원가입을 하고 로그인을 하자. (Sign up --> Sign in)

​

3) 로그인을 했으면 오른쪽 상단의 +버튼을 누르고 new repository를 누른다. (저장소 만들기라는 뜻)

​

4) 새로운 저장소를 만들자. 빨간색 부분만 처리해주면 된다.

​

5) myweb 저장소에 파일을 업로드하자.

Commit change를 누른다.

​

6) Setting을 들어간다.

7) Github pages에서 master branch 사용으로 옵션을 바꾼다.

8) 웹 사이트 주소(도메인)를 이용해서 웹 페이지에 접근한다.

만약, 찾을 수 없다고 나온다면 myweb/index.html 과 같이 직접적으로 경로를 명시해주면 된다.

​

9) 잘 동작하는지를 확인하면 끝.

아주 쉽게 웹사이트를 만들었다. 파일의 경로가 일치하지 않아서 문제가 발생할 수도 있으므로 img나 video의 경로설정을 올바르게 해주어야 한다.

​

#HTML #hosting #웹사이트 #만들기 #웹호스팅 #호스팅 #깃허브