배포 · 검색엔진 등록

Claude Code 켜기

1. VS Code를 엽니다. (바탕화면이나 시작 메뉴의 파란색 아이콘)
2. 위쪽 메뉴 File(파일) → Open Folder(폴더 열기) 를 클릭하고, 1회차에서 만든 실습 폴더(예: AI1gi)를 선택합니다.
3. "이 폴더의 작성자를 신뢰하시나요?" 같은 창이 나오면 Yes, I trust the authors(예, 신뢰합니다) 를 클릭합니다.
4. 왼쪽 아이콘 줄의 Claude 아이콘(주황색 별 모양)을 클릭합니다.
5. New session(새 대화) 을 클릭하면 대화창이 열립니다.
6. 대화창 아래 입력칸이 보이면 준비 끝입니다. 입력칸 옆 모드 버튼을 Auto로 한 번만 바꿔 두면 허용 버튼이 확 줄어듭니다.

프롬프트 붙여넣는 법

1. 아래 카드의 복사 버튼을 클릭합니다. (복사됨 표시가 나옵니다)
2. Claude Code 대화창 아래 입력칸을 한 번 클릭하고 Ctrl + V (Mac은 Command + V)를 누릅니다.
3. 붙여넣은 글 중 [대괄호] 안의 내용은 내 정보로 바꿔 씁니다.
4. Enter 를 눌러 보냅니다. 답이 나오는 동안 기다립니다.
5. AI가 질문하면: 같은 입력창에 답을 글자로 쓰고 Enter 를 누르세요. 모르면 모르겠어 라고 쓰면 됩니다.
6. 수업을 끝낼 때는 VS Code를 그냥 닫으면 됩니다. 다음에 Claude 아이콘을 누르면 지난 대화도 다시 열 수 있습니다.

오늘의 목표 · 이 그림만 기억하세요

1. GitHub = 내 홈페이지 파일을 보관하는 보관함입니다.
2. Netlify = 보관함의 파일을 인터넷 주소로 공개해 주는 곳입니다. 보관함이 바뀌면 자동으로 새로 공개합니다.
3. 구글·네이버 등록 = 검색에서 내 홈페이지를 찾을 수 있게 알려주는 것입니다.

오늘이 끝나면 내 홈페이지가 인터넷에 공개되고 검색에 등록됩니다. 돈은 들지 않습니다. (무료)

GitHub 가입 · 저장소 만들기

1. github.com 으로 들어가 오른쪽 위 Sign up(가입) 을 눌러 무료로 가입합니다. 이메일, 비밀번호, 사용할 이름(영어)을 차례로 입력하고, 이메일로 온 인증 번호를 넣으면 됩니다. 이미 계정이 있으면 Sign in(로그인) 을 누릅니다. 구글로 가입했다면 "Continue with Google" 을 눌러 로그인합니다.
2. 로그인 칸에 글자를 칠 때는 한/영 키 로 영어 입력 상태인지 먼저 확인합니다. 한글 상태에서 치면 이메일이 엉뚱한 글자가 됩니다.
3. GitHub가 이메일 인증이나 보안 설정(2단계 인증) 을 권하면 화면 안내를 따라 설정합니다. 처음 한 번만 하면 됩니다.
4. 로그인하면 이런 화면이 나옵니다. 오른쪽 위 + 버튼을 클릭합니다.
5. 나타난 메뉴에서 New repository(새 저장소) 를 클릭합니다.
6. Repository name(저장소 이름) 칸에 이름을 적습니다. 영어와 숫자만 씁니다. (예: my-site)
7. Public 이라고 적힌 버튼을 눌러 Private(비공개) 을 선택합니다.
8. 맨 아래 초록색 Create repository(저장소 만들기) 를 클릭합니다.

config.yml에 내 저장소 정보 채우기 (2회차에서 글쓰기 자동화를 설치한 경우)

파일 올리기

1. 만들어진 저장소 화면에서 uploading an existing file(기존 파일 올리기) 을 클릭합니다. (안 보이면 Add file(파일 추가) → Upload files(파일 올리기))
2. 이런 화면이 나옵니다. 내 컴퓨터에서 2회차에서 만든 homepage 폴더를 더블클릭해서 안으로 들어갑니다. 안에 index.html 파일이 보이는 곳이어야 합니다.
3. 그 안에서 Ctrl + A (전체 선택)를 누르고, 선택된 파일과 폴더를 마우스로 끌어서 GitHub 화면에 놓습니다. homepage 폴더 자체를 놓으면 안 됩니다.
4. 파일이 모두 올라올 때까지 기다립니다. 사진이 많으면 몇 분 걸릴 수 있습니다. Uploading(올리는 중) 글자가 사라지면 끝난 것입니다. 맨 아래 초록색 Commit changes(변경 사항 저장) 버튼을 클릭합니다.
5. 확인: 저장소 첫 화면에 index.html 이 바로 보이면 성공입니다. homepage 라는 폴더가 한 겹 더 보이면 잘못 올린 것이니, 아래 "자주 나는 문제"를 보세요.

Netlify와 연결하기

1. 처음이라면 크롬에서 app.netlify.com/signup 에 들어가 Sign up with GitHub(GitHub로 가입) 를 클릭합니다. 방금 만든 GitHub 계정으로 한 번에 가입됩니다.
2. 이미 가입했다면 크롬에서 app.netlify.com 에 들어가, Log in with GitHub(GitHub로 로그인) 를 클릭합니다. GitHub 허용 화면이 나오면 Authorize(허용) 를 클릭합니다.
3. Add new project(새 프로젝트 추가) 를 클릭합니다. (예전 이름은 Add new site 입니다)
4. 화면 위쪽의 "AI agent로 만들기" 칸은 누르지 마세요. 크레딧이 쓰일 수 있습니다. 아래쪽 Import a Git repository(Git 저장소 가져오기) 에 있는 GitHub 버튼을 클릭합니다.
5. 내 저장소 목록이 나오면 방금 만든 저장소를 클릭합니다. 안 보이면 맨 아래 Configure the Netlify app on GitHub(GitHub에서 Netlify 설정) 를 눌러 그 저장소를 허용합니다.
6. Project name(프로젝트 이름) 칸에 원하는 이름을 적으면 그 이름이 주소가 됩니다. 비워 두면 자동으로 정해집니다. (영어 소문자, 숫자, 하이픈만)
7. Build settings(빌드 설정) 칸들은 아무것도 적지 말고 그대로 두고, 맨 아래 Deploy(배포) 버튼을 클릭합니다.
8. 1~2분 기다리면 Deploys(배포) 목록에 Published(공개됨) 가 나타납니다.
9. 프로젝트 화면(Project overview) 맨 위의 초록색 ○○○.netlify.app 이 내 홈페이지 주소입니다. 클릭해서 홈페이지가 열리는지 확인합니다.
10. 주소가 안 열리거나 이름 옆에 Private(비공개) 이 보이면, 바로 아래 Make public(공개로 바꾸기) 버튼을 클릭합니다. (새 프로젝트는 비공개로 시작합니다)
11. 열리는 주소를 위쪽 입력칸의 배포된 홈페이지 주소 에 적어 두세요. 이번 회차 내내 씁니다.
12. 이제부터는 GitHub에 새 파일을 올릴 때마다 홈페이지가 자동으로 새로 만들어집니다.

참고: Netlify 무료 요금제는 한 달에 쓸 수 있는 배포 횟수에 한도가 있습니다. (한 번 배포할 때마다 15 크레딧, 한 달 300 크레딧) 글을 여러 개 모아서 한 번에 올리는 것이 좋습니다. 화면에 Low on credits(크레딧 부족) 이 보이면 남은 횟수가 적다는 뜻입니다.

내 홈페이지 주소를 파일에 넣기 (꼭 하세요)

2회차에서 만든 홈페이지에는 주소 자리에 임시 글자가 들어 있습니다. Netlify 주소가 생겼으니 진짜 주소로 바꿔야 구글이 사이트맵을 제대로 읽습니다. 위쪽 입력칸에 배포된 홈페이지 주소 를 먼저 적고, 아래 프롬프트를 Claude Code에 보내세요.

1. Claude Code가 끝났다고 알려주면, 아래 고친 파일 GitHub에 다시 올리기 와 같은 방법으로 homepage 폴더 안의 전체(Ctrl + A)를 다시 올립니다. 이름이 같은 파일은 자동으로 덮어써집니다.
2. 1~2분 뒤 Netlify가 자동으로 새로 공개합니다.

참고: Netlify 프로젝트 이름을 바꾸면 주소도 바뀝니다. 이름을 바꿨다면 새 주소로 이 단계를 다시 하세요.

나중에 파일 고치는 법

1. Claude Code에게 고칠 내용을 요청해서, 내 컴퓨터 안의 파일을 먼저 고칩니다.
2. GitHub 저장소 화면으로 들어가, 고쳐진 그 파일이 있는 폴더로 들어갑니다.
3. 그 파일을 클릭 → 오른쪽 위 연필 모양(Edit) 또는 Add file → Upload files로 새 파일을 다시 올립니다. (같은 이름이면 자동으로 덮어써집니다.)
4. 아래 Commit changes를 누릅니다.
5. 1~2분 뒤 Netlify가 자동으로 고친 내용이 반영된 홈페이지를 만듭니다. 주소를 눌러 확인합니다.

구글 서치 콘솔 등록

1. search.google.com/search-console 으로 들어가 구글 계정으로 로그인합니다. 첫 화면에서 웹사이트 추가(Add website) 를 클릭합니다. (아래 Instagram·TikTok·X·YouTube 항목은 지금은 누르지 않아도 됩니다)
2. 두 개의 상자가 나옵니다. 오른쪽 URL 접두어(URL prefix) 상자를 씁니다. (왼쪽 도메인 상자는 쓰지 않습니다)
3. 상자에 내 홈페이지 주소(Netlify에서 확인한 https://○○○.netlify.app)를 넣고 계속(Continue) 을 클릭합니다.
4. 화면 위쪽에 HTML 파일 방법이 먼저 나오지만 쓰지 않습니다. 아래 다른 확인 방법 중 HTML 태그(HTML tag) 를 클릭합니다.
5. 나온 코드 오른쪽의 복사(Copy) 를 클릭합니다. 이 창은 닫지 말고 그대로 두세요.
6. 아래 [확인 코드 넣기] 프롬프트에 복사한 코드를 붙여넣어 Claude Code에 요청합니다.
7. 바로 아래 고친 파일 GitHub에 다시 올리기 를 하고, 1~2분 기다립니다. 그다음 구글 창으로 돌아가 확인(Verify) 버튼을 누릅니다. 안 되면 1~2분 뒤 한 번 더 누릅니다.
8. 확인이 되면 왼쪽 메뉴 색인 생성 → Sitemaps 에서 sitemap.xml 이라고 입력하고 제출(Submit) 을 클릭합니다.

확인 코드 넣기

고친 파일 GitHub에 다시 올리기

1. Claude Code가 파일을 다 고쳤는지 확인합니다.
2. 내 GitHub 저장소 화면으로 들어가 Add file(파일 추가) → Upload files(파일 올리기) 를 클릭합니다.
3. 고친 파일(예: index.html)을 끌어다 놓습니다. 고친 파일이 많으면 homepage 폴더 안에서 Ctrl + A 로 전체를 선택해 올려도 됩니다. 같은 이름이면 자동으로 덮어써집니다.
4. 아래 Commit changes(변경 사항 저장) 를 클릭합니다.
5. 1~2분 뒤 Netlify가 자동으로 고친 내용이 반영된 홈페이지를 만듭니다. 주소를 눌러 바뀐 것을 확인합니다.

네이버 서치어드바이저 등록

1. searchadvisor.naver.com 으로 들어가 네이버 계정으로 로그인합니다.
2. 웹마스터 도구 → 사이트 등록 에 내 홈페이지 주소를 입력합니다. (화면 메뉴 이름이 조금 달라도 "사이트 등록" 이라는 글자를 찾으면 됩니다)
3. 소유 확인 방법에서 HTML 태그를 선택하고 코드를 복사합니다.
4. 위 [확인 코드 넣기] 프롬프트에 이어 붙여넣고 Claude Code에 다시 요청합니다. (구글·네이버 코드를 한 번에 넣어도 됩니다.)
5. 구글에서 한 것처럼 고친 파일 GitHub에 다시 올리기 를 하고, 1~2분 기다립니다. 그다음 소유확인 버튼을 누릅니다.
6. 요청 → 사이트맵 제출 에서 sitemap.xml을 제출합니다.

검색에 바로 나오지 않아도 정상입니다. 구글·네이버 모두 등록 후 검색에 나타나기까지 보통 며칠에서 몇 주가 걸립니다. 확인과 제출까지 했다면 오늘 할 일은 끝났습니다.

채널 정보 일치 점검

처음 한 번: 내 저장소와 연결해서 올리기

1. 위쪽에서 GitHub 저장소를 만들고 파일을 올려 둔 상태여야 합니다.
2. GitHub 저장소 화면에서 초록색 Code(코드) 버튼을 눌러 나오는 https://github.com/… 주소를 복사합니다.
3. 아래 프롬프트의 [여기에 내 저장소 주소] 자리에 붙여넣어 Claude Code에 보냅니다.
4. 로그인 창이나 허용 창이 나오면 내 GitHub 계정으로 로그인하고 허용(Authorize) 합니다. 비밀번호는 채팅창에 적지 마세요.

그다음부터: 고친 파일 올려달라고 부탁하기

홈페이지를 고치거나 글을 쓴 뒤, 아래 한 줄을 보내면 됩니다. 손으로 끌어다 놓을 필요가 없습니다.

이 네 가지가 되었으면 성공입니다

1. GitHub 저장소 첫 화면에 index.html 이 보인다.
2. ○○○.netlify.app 주소를 누르면 내 홈페이지가 열린다.
3. 구글 서치 콘솔에서 확인(Verify) 이 되었고 사이트맵을 제출했다.
4. 네이버 서치어드바이저에서 소유확인 이 되었고 사이트맵을 제출했다.

자주 나는 문제 5가지

1. 주소를 열면 "Page not found(페이지 없음)"가 나와요
   GitHub 저장소 첫 화면에 index.html 이 바로 보이는지 확인합니다. homepage 폴더가 한 겹 더 있으면, GitHub 저장소 화면에서 파일을 다시 올립니다. (homepage 폴더 안의 파일만 올려야 합니다)
2. 주소가 안 열리고 비공개(Private)라고 나와요
   Netlify 프로젝트 화면에서 Public(공개) 으로 바꿉니다.
3. 고쳐서 올렸는데 화면이 안 바뀌어요
   1~2분 기다린 뒤 Ctrl + F5 (강제 새로고침)를 누릅니다. 그래도 같으면 Netlify의 Deploys(배포) 메뉴에서 맨 위 배포가 Published(공개됨) 인지 확인합니다.
4. Netlify에서 "Deploy failed(배포 실패)"가 나와요
   화면의 빨간 글자를 복사해서 Claude Code에게 "이 오류가 왜 나는지 쉬운 말로 알려주고 고쳐줘"라고 붙여넣습니다.
5. GitHub에 파일이 올라가다 멈춰요
   사진이 너무 많거나 큰 경우입니다. 사진 폴더를 두 번에 나눠서 올립니다. 사진 한 장은 2MB 이하로 줄여 두면 좋습니다.

sitemap · robots 다시 확인해줘

쉬운 말로 다시 설명해줘

(GitHub가 어려울 때) 폴더를 끌어다 놓아서 올리기 (Netlify)

1. 크롬(Chrome) 브라우저에서 app.netlify.com/drop 으로 들어갑니다. 영어가 어려우면 화면 위쪽 주소창 오른쪽의 번역 아이콘을 눌러 한국어로 보면 됩니다. (버튼 이름은 영어 그대로 적어 두었으니 번역과 함께 비교해 찾으세요.)
2. 로그인이 필요하면 이메일이나 구글 계정으로 가입합니다. (무료)
3. 2회차에서 Claude Code가 만들어 준 홈페이지 폴더를 통째로 화면 가운데 점선 박스 안으로 끌어다 놓습니다.
4. 1분 정도 지나면 ○○○.netlify.app 형태의 주소가 나옵니다. 눌러서 홈페이지가 잘 열리는지 확인합니다.
5. 주소를 눌렀는데 열리지 않거나 비공개(Private)로 보이면, 내 프로젝트 화면에서 공개(Public) 로 바꾸는 버튼을 찾아 클릭합니다.
6. 주소를 알아보기 쉽게 바꾸려면 Site configuration → General → Change site name 에서 원하는 이름으로 바꿉니다.
7. 완성된 주소를 위쪽 입력칸의 배포된 주소에 적어 두세요. 이번 회차 내내 씁니다.
8. 주의: 이 방법은 홈페이지를 고칠 때마다 폴더를 다시 끌어다 놓아야 합니다. (GitHub 연결 방식처럼 자동으로 바뀌지 않습니다)