네, 웹 서버를 가지고 있지 않은 일반 기업이나 개인은 이렇게 웹 호스팅을 이용해서 여러분의 웹페이지를 운영을 해야 돼요. 그래서 이번에는 브라는 사이트에 도움을 받아서 호스팅을 할 건데요. 뭐 기 터보는 기본적으로 버전 관리를 하기 위해서

굉장히 좋은 서비스이고 나중에 여러분이 계속 개발 분야에서 일을 한다거나 웹 퍼블리셔도 마찬가지예요. 어 기터브 이용해서 서로 다른 개발자들과 또는 디자이너들과 공유하면서 버전을 관리하게 될 거예요. 자 먼저 저는 파일을 준비해

둘게요. 네, 아마 여러분도 마찬가지. 어 여러분의 홈 포트폴리오 페이지에 들어오면 처음에 인덱스 파일이 있을 거예요. 꼭 인덱스 파일이 해야 됩니다. 인덱스 HTML 하고요. 그다음에 폴더, CSS 폴더 있고 이미지 폴더 있고 뭐 JS 폴더도

있을 것이고 폰트 폴더도 있을 거예요. 그 외 또 포트폴리오, 다른 포트폴리오 있죠. 포트폴리오 첫 번째

두 번째, 세 번째, 네 번째, 뭐 이런 식으로 쭉 폴더가 다 존재할 거예요. 이렇게 준비를 해 놓은 상태로 이제

업로드를 대기한 상태로 보도록 합시다. 파일 명도 포트폴리오, 예를 들어서라고 파일 만들어 왔으면 그 파일 이름도 그냥 포트폴리오 1이

이라고 주성 해놔야죠. 아니요, 그냥 컴파일 하면 되죠. 거네 브에 로그인을 하고 네, 먼저

리포지터리를 만들어야 되는데요. 저는 이렇게 미리 리포지토리가 많이 있는데요. 자, 왼쪽에 이제

뉴 보일까요? 저랑 저는 이미 만들어져 있어요. 여러분 다수 있어요. 네, 부시면 말하세요.를 붙지 말하라고. 네. 자, 그러면 이렇게

크리에이트 어 뉴 리포지터리는 페이지로 들어왔어요 아유 다 영어 돼 있어서 뭐가 뭔지 잘 모르겠어요

거예요 자 그다음에 여기에 이제 여러분의 계정이 있죠 그리고 오른쪽에 리포지토리 네임 있는데 여기다가

이름을 쓰시면 돼요 뭐 여러분 지금 포트폴리오라고 한다면 포트폴리오라고 쓰면 되고요 밑에는 자

퍼블릭 공개해요 공개 그다음에 밑에 이런 거는 필요 없습니다 그래서 크리에이트 리포지토리를 눌러서 생성

이렇게 해서 여러분의 리포지토리가 생성이 되었고 이제 파일을 업로드 할 거예요 요 업로드는 음 어디지

오랜만에 오니까 헷갈리네 씨 좀 더 좋아졌어요 현재 요 페이지 있잖아요 잘 보니까 여기에 업로드가 아는

링크가 따로 있네요. 자, 업로드 익스팅 파일을 눌러서 이렇게 화면 나오면요. 뭐 파일 직접 선택하는 방법도 있고 아니면

우리가 여기 미리 파일을 준비해 놨잖아요. 그러면 여기 있는 폴더를 다 드래그해서 선택하고 여기다가 드랍을 해 주세요.

그럼 파일이 쭉쭉쭉 올라갑니다. 네, 이렇게 업로드가 다 됐고요. 다시 여기 있는 코드를 눌러 보시면 언제든지 여기서 파일을 올릴 수가

있어요. 자, 그다음에 다시 처음으로 돌아가서 다시 리포지토리 이름 있죠? 자, 이름 잘 보시면 맨 앞에 여러분의 계정명이 계정명, 그다음에 리포지토리 이름.

자, 우리 이 사이트로 들어가려면 이렇게 넣으시면 돼요. 처음에 계정명이 spark-봉사료-dehub

.io, 그다음에 슬래시 방금 만든 리포지토리 이름. 이렇게 해서 들어가면 돼요. 근데 이제 뭔가 아직 안 됐다는 소리죠. 거

설정하러 갈게요. 다 다시 리포스트를 들어가서요. 세팅에 들어갈게요. 그리고 거기에서 페이지스라는 항목이 있어요. 자, 브랜치를

브랜치를 바꾸면 되나? 세이브 인나 베인. 오케이. 메인으로 바꿀게요. 안 되는데. 다시다 할게요. 업로드를 안 했어요. 업로드를

안 했어요. 네. 제가 아까 여기 업로드를 했잖아요. 근데 파일이 하나도 안 올라가 있어요. 일단 다시 올릴게요.

이 방법이 제가 생소하다 보니까 밑에 버튼이 있는 걸 깜빡했어요. 맨 밑에 보면은 어 커밋 체인지라는

있어요. 그래서 여기다 입력을 하고 서이라는 것은 말 그대로 코멘트 달아주는 거예요. 이 버전은 왜 업로드

되는지, 왜 어 리뉴얼이 돼 있는지 이런 것들, 그 뭐 성진이의 포트폴리오 이런 식으로 입력하고 밑에 커밋 체인지까지 눌러

주셔야 파일 업로드가 완성이 돼요. h 왜 파일 콘트 파일도 우리가 외 폰트 대단했어서 프 장 해가지고 우리

잘하면서 하면 스 네 이제 나중에 여러분이 파일을 바꿀 때는 여기 있는 애드 파일을 통해서 파일 바꿔 주시면 돼요. 업로드 하겠죠. 그러면 파일이

새롭게 바뀌게 돼요. [음악] 파일에서 버전 관리가 되는 거죠. 자 이제 다시 세팅으로 갈게요. 지금 여전히 여기는 안

나옵니다. 아무것도 안 나오고 세팅으로 가서 페이지스 브랜치에 보면은 메인이 생겼어요. 메인 선택하고 세이브

그다음에 액션스 한번가 볼까요? 번 스 불렀을 때 초록에 세문 돼 있는데 보는 뭐라 위 자꾸 움직여요. 어디요? 여기 예

왜 공바지나 저보다 영향이 많아서 을 같아요. 디플로이 눌러 보시면요 제 이런 화면이 나와요. 여기 링크가 있어요. 디플로이

완료가 되면은 이 링크가 보이는데 이 링크를 눌러 보시면 이제 여러분의 포트폴리오 화면이 완성된

겁니다 그럼 이렇게 뜨고요 여기 이제 여러분의 도메인이 나중에 제출할 때 이 도메인을 제출하면 되고요 그리고 디자인 이력서에서 다른

포트폴리오로 연결할 때는 이거를 태그의 링크 href 다가 적어 주시면 되는 거예요

깃허브 페이지스로 웹호스팅하기

황성진

웹 호스팅과 Git 사용을 통한 웹페이지 운영

웹 서버가 없는 기업이나 개인은 웹 호스팅을 이용해야 함.

GitHub를 이용한 버전 관리의 중요성 강조 (개발자, 웹퍼블리셔).

포트폴리오 페이지 구성요소 설명 (index.html, CSS, image, JS, font 폴더 등).

다수의 포트폴리오 폴더 준비 상태 설명.

GitHub 리포지토리 생성 및 파일 업로드

GitHub 로그인 후 새로운 리포지토리 생성.

리포지토리 이름 설정 (예: 포트폴리오) 및 공개 설정.

업로드 방법 설명 (파일 직접 선택 또는 드래그 앤 드롭).

GitHub Pages를 이용한 웹페이지 배포

리포지토리 주소 구성 설명 (계정명/리포지토리 이름).

세팅에서 Pages 브랜치 선택 및 저장.

커밋 메시지 작성 및 커밋 체인지 버튼 클릭을 통한 파일 업로드 완료.

디플로이 완료 후 생성된 링크를 통해 포트폴리오 확인.

도메인 정보 및 다른 포트폴리오 연결 방법 설명.

깃허브 페이지스로 웹호스팅하기

깃허브 페이지스로 웹호스팅하기

스크립트