🎁 오늘 들고 가는 것
- 전 세계 어디서나 접속되는 나의 웹페이지 주소(URL)
- 명함·전단에 넣을 수 있는 QR코드
- "고치면 바로 반영"되는 수정 사이클 경험
오늘의 진도
| 시간 | 내용 |
|---|
| 15분 | 복습 + 오늘의 큰 그림 (만들기 → 올리기) |
| 15분 | Firebase 가입 (무료, 구글 계정만 있으면 됨) |
| 45분 | 실습 1 · 내 페이지 만들기 |
| 10분 | 휴식 |
| 35분 | 실습 2 · 인터넷에 올리기 (배포) |
| 25분 | 실습 3 · QR코드 + 수정하고 다시 올리기 |
| 25분 | 종강 — 4주 돌아보기, 혼자 계속하는 법 |
시작 전 준비
cd $HOME\Documents\클로드수업
claude
그리고 Firebase 가입: console.firebase.google.com 접속 → 구글 계정으로 로그인 → 약관 동의. 여기까지만 하면 됩니다. (무료 범위로 충분하고, 카드 등록도 필요 없습니다.)
실습 1 · 내 페이지 만들기
셋 중 하나를 고르세요. 1회차에 만든 자기소개 페이지를 키워도 좋습니다.
- 🙋 자기소개/포트폴리오 — 내가 하는 일, 연락처
- 🏪 가게/단체 소개 — 위치, 시간, 메뉴(활동), 사진
- 🎉 행사 초대장 — 일시, 장소, 참가 신청 안내
인터넷에 올릴 내 웹페이지를 만들고 싶어. 웹페이지 스킬을 사용해줘.
- 종류: ○○○ (자기소개 / 가게·단체 소개 / 행사 초대장)
- 이름: ○○○
- 꼭 들어갈 내용: ○○○
- 분위기: ○○○ (예: 깔끔한, 따뜻한, 활기찬)
- 연락 방법: ○○○ (전화, 인스타, 카톡 오픈채팅 링크 등)
휴대폰에서 잘 보이는 게 제일 중요해. 다 만들면 브라우저로 보여줘.
💡 사진을 넣으려면 자료 폴더에 넣고 "이 사진들을 갤러리로 넣어줘". 3회차에 만든 카드뉴스 이미지를 페이지에 넣어도 멋집니다.
실습 2 · 인터넷에 올리기
이제 오늘의 순간입니다. 클로드에게 그대로 말하세요:
이 페이지를 Firebase 호스팅으로 인터넷에 배포해줘. 처음이니까 한 단계씩 설명하면서 진행해줘.
진행 중 이런 일이 일어납니다:
- 배포 도구 실행을 허락해달라고 합니다 → Yes
- 구글 로그인 창이 브라우저에 뜹니다 → Firebase 가입한 계정으로 로그인 → "허용"
- 프로젝트 이름을 정합니다 (영문 소문자, 예: byeolbyeol-kim)
- 잠시 후… https://프로젝트이름.web.app 주소가 나옵니다 🎉
옆 사람 휴대폰으로 그 주소에 접속해보세요. 여러분이 만든 페이지가 남의 폰에서 열리는 순간입니다.
실습 3 · QR코드와 수정 사이클
내 웹페이지 주소로 QR코드 이미지를 만들어서 결과물 폴더에 저장해줘. 인쇄해도 선명하게 큰 크기로.
이제 수정 → 재배포를 경험합니다. 문구 하나를 바꿔보세요:
페이지의 ○○○ 부분을 ○○○로 바꾸고, 다시 배포해줘.
1분 뒤 새로고침하면 인터넷의 페이지가 바뀌어 있습니다. 이것이 여러분의 홈페이지 관리법 전부입니다. 업체에 맡길 필요가 없어요.
종강 — 혼자 계속하는 법
- 이 매뉴얼은 계속 열려 있습니다. 즐겨찾기 해두세요. 채팅창도 유지되니 막히면 언제든 남겨주세요.
- 시작 방법은 늘 같습니다: PowerShell → cd $HOME\Documents\클로드수업 → claude
- 새 일을 시킬 때의 요령: ① 원하는 결과물을 먼저 말하고 ② 재료(파일, 메모)를 주고 ③ 나온 것을 말로 고치기. 4주 동안 한 것이 전부 이 패턴이었습니다.
- 클로드에게 물어보세요: "내가 매주 반복하는 ○○일도 자동화할 수 있어?" — 대부분 "네"라고 답할 겁니다.
막혔을 때
구글 로그인 창이 안 떠요
클로드 화면에 표시된 주소(URL)를 복사해 브라우저에 직접 붙여넣으세요. 로그인 후 나오는 코드를 클로드에게 다시 붙여넣으면 됩니다.
프로젝트 이름이 이미 사용 중이라고 나와요
전 세계에서 하나뿐인 이름이어야 해서 그렇습니다. 뒤에 숫자나 지역명을 붙여보세요 (예: byeolbyeol-kim-2026).
배포는 됐다는데 페이지가 하얗게 나와요
클로드에게 그대로 말하세요: "배포된 주소에 들어가면 하얀 화면만 나와. 원인을 찾아서 고치고 다시 배포해줘." 이렇게 문제를 그대로 전달하는 것이 가장 좋은 디버깅입니다.
주소가 마음에 안 들어요. 내 도메인을 쓰고 싶어요
가능합니다! 도메인(연 2만 원 안팎)을 사서 연결할 수 있어요. 오늘 범위는 아니라서, 원하는 분은 종강 후 안내를 드릴게요. 클로드에게 "커스텀 도메인 연결 방법 알려줘"라고 해도 됩니다.
나중에 페이지를 내리고 싶으면요?
클로드에게 "배포한 사이트를 비공개로 내려줘"라고 하면 됩니다. 올리고 내리는 것 모두 여러분 마음입니다.