이런 분께
명함과 사업자등록은 있는데 회사 소개 홈페이지가 없어서, 거래처에 보낼 링크가 마땅치 않은 1인 대표님. 홈페이지 제작을 맡기기엔 이르고 직접 만들 시간은 없는 분께 맞아요.
끝나면 이렇게 됩니다
회사 메모 몇 줄로 한 장짜리 소개 페이지(index.html 파일 하나)가 생기고, 그 폴더를 넷리파이 드롭(Netlify Drop)에 끌어다 놓으면 누구나 열 수 있는 주소가 생겨요. 이 글을 쓰며 같은 요청으로 만든 페이지를 휴대폰 화면 크기로 열어 보니 아래 순서로 나왔어요.
[첫 화면] 세탁물, 문 앞에 두고 출근하세요 / 「예약 문의하기」 버튼
[이렇게 이용해요] 1. 예약 2. 문 앞에 두기 3. 받기
[자주 묻는 질문] 어느 동네까지 되나요?
[바닥글] 회사 이름 · 문의 메일
준비물
- 클로드 코드(Claude Code): Pro, Max, Team, Enterprise 요금제나 Console 계정이 있어야 해요. 무료 요금제로는 쓸 수 없어요(공식 설치 문서, 2026년 11월 기준).
- 넷리파이(Netlify) 무료 계정. Free 요금제는 0달러이고 매달 300 크레딧 한도가 있어요(넷리파이 요금제 페이지, 2026년 11월 기준).
- 회사 메모: 회사 이름, 한 줄 소개, 서비스 3가지, 이용 순서, 연락처, 자주 받는 질문 1~2개
따라 하기
- 터미널(컴퓨터에 글자로 명령하는 창)을 열어요. 윈도우는 시작 메뉴에서 「PowerShell」을 검색하고, 맥은 Spotlight에서 「터미널」을 검색해요.
- 클로드 코드를 설치해요. 윈도우는
irm https://claude.ai/install.ps1 | iex, 맥은curl -fsSL https://claude.ai/install.sh | bash를 붙여 넣고 엔터를 눌러요. - 바탕화면에
company-site폴더를 만들고 터미널에서 그 폴더로 들어가요.cd Desktop/company-site처럼 입력하면 돼요. claude라고 입력해 실행해요. 처음이면 브라우저가 열리고 로그인 안내가 나와요.- 아래 프롬프트에 회사 메모를 채워 붙여 넣어요. 파일을 만들어도 되는지 물으면 허락해요.
- 폴더에 생긴
index.html을 더블클릭해 브라우저로 열어요. 고칠 곳은 "첫 화면 문장을 더 짧게"처럼 말로 다시 시켜요. - 넷리파이에 로그인한 뒤 app.netlify.com/drop을 열고,
company-site폴더를 통째로 Deploy 칸에 끌어다 놓아요. 몇 초 뒤 공개 주소가 나와요. 나중에 고치면 그 사이트의 「Deploys」 화면 아래 칸에 고친 폴더를 다시 끌어다 놓으면 돼요.
복사해서 쓰는 프롬프트
이 폴더에 회사 소개 한 장짜리 웹페이지를 index.html 파일 하나로 만들어 줘.
CSS는 파일 안에 넣고, 외부 라이브러리와 이미지는 쓰지 마.
구성: 첫 화면(한 줄 소개 + 문의 버튼) / 서비스 3가지 / 이용 순서 3단계 / 자주 묻는 질문 / 바닥글(회사 이름, 연락처)
조건:
- 휴대폰에서 먼저 보기 좋게, 글자는 크게.
- 한글이 단어 중간에서 줄바꿈되지 않게 word-break: keep-all.
- title과 description 메타 태그를 회사 소개로 채워 줘.
- 문의 버튼은 mailto 링크로.
- 다 만들면 휴대폰 너비에서 깨지는 곳이 없는지 스스로 점검하고 알려 줘.
회사 메모:
[회사 메모]
[회사 메모] 예시: "문앞세탁 / 강서구 세탁 수거 예약 / 저녁 8시까지 문 앞에 두면 수거 / 와이셔츠·이불·운동화 / hello@example.com / 지금은 강서구만"
