5회차 — 내 홈페이지 만들기

AX 스마트인테리어 목수양성과정 2기
2026년 8월 11일(화) 09:00~11:30 · 오늘 끝나면 내 이름의 인터넷 주소가 생깁니다
오늘 한 문장
인스타에 이미 쓴 내 이야기를 모아,
내 이름의 홈페이지를 만들어 인터넷에 올립니다.

오늘 만들 것 — 5개 칸

① 나의 소개내가 어떤 사람인지
② 훈련기록인스타 연결
③ 나의 비전어떤 목수가 되어가는 중인가
④ 내가 만든 작품지금 있는 것만
⑤ 내가 만든 도구오늘 이 홈페이지가 1번
②번은 새로 안 씁니다. 인스타를 연결해 둡니다. 앞으로 인스타에 올릴 때마다 홈페이지가 저절로 최신이 됩니다.

⑤번이 오늘 제일 뿌듯한 칸입니다. 오늘 아침까지 여러분이 만든 디지털 도구는 0개였습니다. 오늘 끝나면 1개가 됩니다. 회차마다 하나씩 늘어납니다.
딱 하나만 기억하세요 — 지금 있는 그대로.
“앞으로 이렇게 할 겁니다”가 아니라 “지금 이렇게 하고 있습니다”로 씁니다.
작품이 없으면 없는 대로 둡니다. 오늘 초라해 보여도 괜찮습니다. 초라한 게 지금의 진짜니까요. 다음 주에 한 칸 채우면 그게 성장입니다.

시작 전 — 두 개만 열어두세요

  1. 노트북에 클로드를 엽니다 (2회차에 가입한 그것)
  2. 휴대폰에 인스타를 엽니다 — 내가 쓴 글을 보면서 옮길 겁니다
오늘 새로 만드는 계정은 딱 하나입니다. 마지막에 홈페이지를 올릴 곳(Netlify)뿐입니다. 지난주처럼 복잡하지 않습니다.
1
내 이야기 모으기
10분

새로 쓰지 마세요. 인스타에 이미 쓰셨습니다. 그걸 옮기면 됩니다.

폰으로 내 인스타를 열고, 아래 네 가지를 종이나 메모장에 복사해 둡니다.

어디서 가져오나
나의 소개인스타에 쓴 자기소개 글. 3~4줄
나의 비전어떤 목수가 되고 싶은지. 한두 줄이면 충분
할 수 있는 일가벽 / 우물천장 / 중문 … 배우는 중인 것도 씁니다
연락처전화번호 · 인스타 주소
“쓸 말이 없어요” — 이렇게 자문해 보세요.
「나는 왜 목수를 하기로 했나」 「지금 뭘 배우고 있나」 「어떤 소리를 들으면 기분 좋을까」
답 세 개를 이어 붙이면 그게 소개글입니다.
2
클로드에게 만들어 달라기
25분

아래 글을 통째로 복사해서 클로드에 붙여넣고, 대괄호 [ ] 안만 내 것으로 바꾸세요.

목수 개인 홈페이지를 index.html 파일 하나로 만들어줘.

반드시 이 5개 칸이 순서대로 들어가야 해:
① 나의 소개
② 훈련기록 (인스타 링크 버튼)
③ 나의 비전
④ 내가 만든 작품
⑤ 내가 만든 디지털 도구

지켜야 할 것:
· 파일 하나로 끝나게. 인터넷 없어도 열려야 함
· 휴대폰에서 보기 좋게
· 맨 아래에 전화 버튼(누르면 바로 걸림)과 인스타 버튼
· 나는 아직 수료 전이니까 "훈련 중"으로만 쓰고, 수료·자격증 표현은 쓰지 마
· 사진은 아직 없으니 자리만 잡고 [사진: 설명] 이라고 표시해줘
· 집주소·주민번호는 넣지 마

내 정보:
· 이름 : [홍길동]
· 지역 : [경기 안성 · 평택]
· 전화 : [010-0000-0000]
· 인스타 : [내 인스타 주소]

· 나의 소개 : [인스타에 쓴 내 이야기를 여기 붙여넣기]

· 나의 비전 : [어떤 목수가 되어가고 있는지 한두 줄]

· 할 수 있는 일 : [가벽, 우물천장, 중문 — 배우는 중인 것도]

· 내가 만든 작품 : [없으면 "훈련 실습 - 가벽 세우기" 처럼 한 개만]

· 내가 만든 디지털 도구 : 이 홈페이지 (2026년 8월)

· 분위기 : [차분한 나무색으로, 글씨 크고 단순하게]
대괄호 [ ]는 지우고 그 안에 내 내용을 넣으세요. 대괄호를 남겨두면 그대로 화면에 나옵니다.
3
마음에 들 때까지 고쳐 달라기
15분
한 번에 마음에 드는 게 나오지 않습니다. 그게 정상입니다.
두세 번 고쳐 달라고 하는 게 원래 방식입니다. 이상하다고 생각하지 마세요.

뭐라고 말할지 모르겠으면 이 중에서 골라 그대로 말하세요.

이렇게 말하면이렇게 바뀝니다
“더 단순하게 해줘”복잡한 장식이 빠집니다
“글씨를 더 크게 해줘”폰에서 읽기 편해집니다
“색을 차분한 나무색으로 바꿔줘”목수답게 바뀝니다
“사진 자리를 더 크게 해줘”나중에 사진 넣기 좋아집니다
“연락처를 맨 위로 올려줘”전화가 더 잘 옵니다
“②번 훈련기록 칸이 없어. 넣어줘”빠진 칸을 채워줍니다
내 개성은 여기서 나옵니다. 16명이 같은 글로 시작해도, 여기서 뭘 요구하느냐에 따라 전부 다른 홈페이지가 됩니다.

다 됐는지 확인 — 5개 칸 세어보기

①나의 소개 ②훈련기록 ③나의 비전 ④내가 만든 작품 ⑤내가 만든 도구 — 다섯 개가 다 있는지 손으로 세어보세요. 빠졌으면 “○번 칸이 없어. 넣어줘”라고 말하면 됩니다.

4
파일로 저장하기
5분
  1. 클로드가 만든 결과에서 다운로드(또는 코드 복사)
  2. 바탕화면에 저장합니다 — 다른 곳에 저장하면 나중에 못 찾습니다
  3. 파일 이름은 반드시 index.html
  4. 저장한 파일을 더블클릭해서 브라우저로 열어봅니다 — 내 홈페이지가 보이면 성공
자주 나는 사고 두 가지
· 파일 이름이 index.html.txt로 저장됨 → 뒤의 .txt를 지우세요
· 화면이 하얗게 나옴 → 따옴표나 쉼표가 하나 빠진 것입니다. 클로드에게 “화면이 하얗게 나와. 고쳐줘”라고 하세요
5
인터넷에 올리기
30분
여기가 오늘 유일하게 계정을 만드는 곳입니다. 왜 필요하냐면 — 로그인 없이 올리면 주소가 하루 만에 사라집니다. 내 계정으로 올려야 내 주소가 계속 삽니다.
순서할 일
1app.netlify.com 접속 → Sign up
「Sign up with Google」로 가입하세요 — 이메일로 하면 인증메일 기다리느라 시간이 갑니다
2가입하면 이것저것 물어봅니다 → 대충 넘어가도 됩니다. 여기서 붙잡히지 마세요
3화면에서 Deploy manually(또는 “드래그해서 배포”) 영역을 찾습니다
바탕화면에서 index.html이 들어 있는 폴더를 통째로 끌어다 놓습니다
※ 파일 하나만 끌면 안 됩니다. 폴더째로 끄세요
4잠시 뒤 주소가 나옵니다 → 휴대폰으로 열어보고 → 카톡방에 주소를 올려주세요
이 주소는 여러분 것입니다. 학원 것이 아닙니다. 나중에 이 과정을 떠나셔도 그대로 따라갑니다.
11시 15분까지 안 되면 — 붙잡고 있지 마시고 만든 파일을 카톡방에 올려주세요. 강사가 대신 올려서 주소를 보내드립니다. 오늘 빈손으로 가시는 분은 없습니다.

막히면 — 이것부터 보세요

이런 일이 생기면이렇게 하세요
화면이 하얗게 나온다클로드에게 “화면이 하얗게 나와. 고쳐줘”. 그래도 안 되면 처음 글을 다시 붙여넣고 새로 만드세요 — 찾느라 시간 쓰지 마세요
저장한 파일을 못 찾겠다바탕화면을 보세요. 거기 없으면 「다운로드」 폴더
파일이 index.html.txt로 됐다이름 바꾸기에서 .txt를 지우세요
한글이 깨져 보인다저장할 때 인코딩을 UTF-8
Netlify에 올렸는데 아무것도 안 보인다폴더째 끌었는지 확인. 파일 하나만 끌면 안 됩니다
인스타가 아직 없다②번 칸을 “준비 중”으로 두고 넘어가세요. 오늘 인스타를 다시 붙잡지 마세요
작품 사진이 없다오늘은 자리만 잡아둡니다. 사진은 다음 주에 넣습니다
내 것만 이상해 보인다다들 그렇습니다. 오늘은 완성이 아니라 시작입니다
3분 넘게 혼자 붙잡고 있지 마세요. 손 드시거나 옆 사람에게 물어보세요. 오늘은 먼저 끝낸 분이 옆을 돕는 날입니다.

이것만은 지켜주세요

수료했다고 쓰지 않기아직 훈련 중입니다. “훈련 중”으로만 씁니다
안 한 일 쓰지 않기작품이 없으면 없는 대로. 인터넷에서 가져온 사진 0장
개인정보 넣지 않기집주소·주민번호 금지. 이 주소는 인터넷 전체에 공개됩니다
남의 얼굴·집 넣지 않기현장 사진에 고객 얼굴·문패·차량번호가 보이면 안 됩니다
돈 내라는 화면이 뜨면멈추고 강사를 부르세요. 오늘 돈 낼 일은 없습니다

과제 · 다음 주

  1. 인스타에 이번 주 훈련기록 1건 올리기 — 홈페이지 ②번 칸이 저절로 채워집니다
  2. 작업 사진 3장 찍어오기 — 정면 · 전체 · 밝은 곳. 다음 주에 홈페이지에 넣습니다
  3. 내 주소를 3명에게 보내고 한마디씩 들어오기
다음 주에는 바오밥포지에 올립니다.
안성에서 목수를 찾는 사람이 지역과 기술로 검색해 여러분을 찾게 됩니다.
연락은 학원을 거치지 않고 여러분에게 직접 옵니다.
여기서 계속하셔도 되고 나중에 혼자 서셔도 됩니다 — 어느 쪽이든 이 홈페이지는 여러분을 따라갑니다.
AX 스마트인테리어 목수양성과정 2기 · 5회차 · 2026-08-11
㈜바오밥목공전문학원 · 강사 김대희