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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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