네 웹사이트를 인터넷에 게시해.

마지막으로, 네 웹사이트는 전 세계 누구에게나 보낼 수 있는 실제 주소를 얻게 돼.

앞으로 무슨 일이 일어날까

지금까지 네 웹사이트는 네 컴퓨터에만 존재해. 이제 이를 서버(항상 인터넷에 연결되어 있는 컴퓨터)에 업로드하면 누구나 열 수 있는 주소를 얻게 돼. 우리는 GitHub Pages를 사용할 것야. 이는 무료이며 수백만 명의 프로그래머가 사용해.

⚠️

**이 단계는 부모님과 함께 진행해.** GitHub 계정을 설정하려면 이메일 주소가 필요하며, GitHub 규정에 따라 13세 미만 자녀의 계정은 부모님이 만들고 관리해야 해. 게다가, 공유하기에 좋은 순간야. 여러분이 만든 것을 다른 사람들에게 보여주세요!

단계별로

**GitHub 계정을 생성해.** [github.com](https://github.com)으로 이동하여 **가입**을 클릭해. 이메일(부모님), 비밀번호, 사용자 이름을 입력해. 사용자 이름에 주의해. 사용자 이름은 웹사이트 주소의 일부가 돼! 다음과 같은 것`jake-builds`보다 낫다`xxjake123xx`.

**새 저장소를 생성해.** 저장소는 하나의 프로젝트를 위한 서랍야. 녹색 **새로 만들기** 버튼(또는 오른쪽 상단의 더하기 기호 → *새 저장소*)을 클릭해. 유형`my-website`*저장소 이름*에 대해 **공개**를 선택한 상태로 두고 **저장소 만들기**를 클릭해.

**웹사이트 파일을 업로드해.** 저장소 페이지에서 **기존 파일 업로드** 링크를 클릭해. **모든 것을 끌어다 놓으세요.`my-website`접는 사람**:`index.html`, 네 다른`.html`파일,`style.css`, 그리고 전체`images`접는 사람. 하단에 있는 녹색 **변경 사항 커밋** 버튼을 클릭해.

**GitHub 페이지를 켭니다.** 상단의 **설정** 탭을 클릭한 다음 왼쪽 메뉴에서 **페이지**를 클릭해. *지점*에서 다음을 선택해.`main`, 떠나다`/ (root)`을 클릭하고 **저장**을 클릭해.

**잠깐만 기다린 후 주소를 엽니다.** 네 웹사이트는 현재 다음 위치에 있어.

https://your-username.github.io/my-website/

(바꾸다your-usernameGitHub 사용자 이름으로). 즉시 작동하지 않으면 2분 정도 기다렸다가 페이지를 새로 고치해.

## 🎉 축하해, 빌더님!

인터넷에 웹사이트가 있어. 실제 주소가 있는 실제 주소야. 할머니, 친구, 선생님께 보내보세요. 그리고 잠시 시간을 내어 어디서 시작했는지 기억해 보세요. 빈 파일과<h1>It works!</h1>.

12개의 강의를 통해 배운 내용은 다음과 같어.

인터넷, 브라우저, 서버 작동 방식
HTML: 페이지의 뼈대, 제목, 단락, 목록, 이미지, 링크, 구조,
CSS: 색상, 글꼴, 클래스, 상자 모델, Flexbox, 카드, 애니메이션,
마지막으로 전문가들이 배포라고 부르는 웹사이트를 인터넷에 게시하는 것야.

웹사이트를 계속 변경하는 방법

웹사이트는 결코 완성되지 않어! 컴퓨터에 있는 파일의 내용을 변경할 때마다 다음을 수행해.

GitHub에서 저장소를 열고,
파일 추가 → 파일 업로드를 클릭하고,
변경된 파일을 드래그하고 변경 사항 커밋을 클릭해.

1분 안에 변경사항이 적용돼. (레벨 3에서는 실제 전문가처럼 터미널에서 명령을 사용하여 이 작업을 보다 우아하게 수행하는 방법을 배웁니다.)

💡

**다음 단계는 무엇야??** 웹사이트가 구축되었지만 아직 *반응*할 수 없어. ~ 안에레벨 2 – 마법사어두운 모드, 탐색 가능한 사진 갤러리, 방문객을 위한 퀴즈 등의 마법을 가르칠 것야. 우리는 지금 그것을 구축하고 있으며 네 웹사이트는 완벽하게 준비될 것야.

이번 수업에서 배울 점

GitHub Pages는 저장소 → 파일 업로드 → 설정 → 페이지 등 웹 사이트를 무료로 게시해.
네 주소:https://your-username.github.io/my-website/.
웹사이트 변경 = 변경된 파일을 다시 업로드해. 그것은 너과 함께 살고 성장해.