지원사업 · 공고 상세
신청 마감
공고 내용
한눈에 보기
2026. 11. 09 월요일 · 음력 10월 1일
7단계 · 에이전트와 코드 · 3분
327강
웹페이지 만들기
6월 15일 공개 예정 · 미리 보기 공개일 전에 먼저 보실 수 있게 본문을 열어 두었습니다. 그대로 따라 하셔도 됩니다.
오늘 배울 것에게 원단 소개 한 장을 만들어 달라고 합니다.Claude Code — 파일을 읽고 고치며 명령을 실행하는 Claude의 작업 도구입니다.웹페이지 — 인터넷 주소로 여는 화면 한 장입니다.
-
1
내용 먼저
페이지에 넣을 원단 정보와 사진을 에 모읍니다.폴더 — 파일을 모아 넣는 보관함입니다.
페이지 재료
원단 소개 글(44강)1원단 사진 3장문의 메일 주소 -
2
한 장 부탁
파일 하나짜리 웹페이지를 만들어 달라고 합니다.
Claude Code
> 이 폴더 자료로 원단 소개 페이지2 index.html 하나를 만들어 주세요. -
3
브라우저로 열기
만든 파일을 로 열어 휴대폰 크기로도 봅니다.브라우저 — 인터넷을 보는 프로그램입니다. 크롬 · 엣지 · 사파리 같은 것입니다.
확인할 것
글자가 잘 읽히는지3사진이 보이는지휴대폰에서 줄이 넘치지 않는지 -
4
고쳐 달라기
고칠 점을 한꺼번에 적어 보냅니다.
Claude Code
> 제목 글자를 키우고, 문의 버튼을4 맨 아래에 크게 놓아 주세요.
따라 써 보세요
그대로 복사해서 Claude에 붙여 넣으세요
복사해서 쓰는 문장
이 폴더의 자료로 원단 소개 웹페이지 index.html 하나를 만들어 주세요. 구성은 1) 원단 이름과 한 줄 소개 2) 사진 세 장 3) 특징 세 가지(혼용률 · 중량 · 어울리는 옷) 4) 문의 메일 버튼입니다. 흰 바탕에 검정 글자, 휴대폰에서도 줄이 넘치지 않게 해 주세요. 폴더에 없는 정보는 지어내지 말고 [확인 필요]로 두세요. 다 만들면 브라우저로 여는 방법을 알려 주세요.
자주 막히는 곳
이럴 땐 이렇게
- 사진이 안 보여요사진 파일이 index.html과 같은 폴더(또는 지정한 폴더)에 있는지 확인합니다. 안 보이면 그 상황을 그대로 Claude Code에게 말합니다.
- 디자인이 마음에 안 들어요좋아하는 페이지의 느낌을 말로 적어 줍니다. 예: 여백 넓게, 사진 크게, 글자는 두 가지 크기만.
오늘 나온 낱말
- 브라우저인터넷을 보는 프로그램입니다. 크롬 · 엣지 · 사파리 같은 것입니다.
- Claude Code파일을 읽고 고치며 명령을 실행하는 Claude의 작업 도구입니다.
- 웹페이지인터넷 주소로 여는 화면 한 장입니다.
- 폴더파일을 모아 넣는 보관함입니다.
메뉴 이름과 위치는 Claude 공식 도움말을 2026.10.24 14:00에 직접 열어 확인했습니다. 화면 그림은 이해를 돕는 간단한 그림이며, 실제 화면은 업데이트에 따라 조금 다를 수 있습니다. 확인한 문서: Claude Code 빠른 시작 (공식 문서 한국어) · Prompting best practices (Claude 공식 문서)