Build
첫 과제는
우리 의원 안내 페이지
이 과제를 고른 이유가 있습니다. 완성하면 실제로 쓸 데가 있고, 환자 정보가 전혀 개입하지 않으며, 그대로 배포까지 이어집니다. 무엇보다 결과물이 눈에 보여서 끝까지 가게 됩니다.
01Prepare
먼저 손에 준비할 것
도구를 열기 전에 내용을 먼저 정리하세요. 여기서 막히면 도구가 문제인지 내용이 문제인지 구분이 안 됩니다.
의원 이름과 진료과목
간판에 적힌 그대로가 가장 좋습니다.
정확한 진료시간
점심시간과 휴진일까지 적어두세요. 가장 많이 틀리는 부분입니다.
주소와 전화번호
환자에게 실제로 안내하는 내용과 같아야 합니다.
02Request
이 요청문으로 시작하세요
괄호 부분만 실제 정보로 바꾸면 됩니다. 마지막 조건 한 줄이 특히 중요합니다. 알려주지 않은 내용을 지어내지 말라고 미리 못 박는 역할입니다.
기본 요청문
우리 의원 안내 페이지를 만들어주세요. - 의원 이름: (여기에 실제 이름) - 진료과목: (예: 내과, 소화기내시경) - 진료시간: 평일 09:00-18:00 / 토요일 09:00-13:00 / 점심 13:00-14:00 / 일요일·공휴일 휴진 - 주소: (여기에 실제 주소) - 전화번호: (여기에 실제 번호) 조건: - 환자가 휴대폰으로 보기 때문에 글씨가 크고 여백이 넉넉해야 합니다. - 오늘 진료하는지 한눈에 알 수 있으면 좋겠습니다. - 전화번호를 누르면 바로 전화가 걸리게 해주세요. - 차분하고 신뢰감 있는 느낌으로, 모든 문구는 한국어로 작성해주세요. - 후기나 의료진 소개처럼 제가 알려드리지 않은 내용은 지어내지 말고 비워두세요.
03Three ways
같은 과제, 세 가지 방식
하나만 고르셔도 됩니다. 다만 시간이 되신다면 두 가지를 해보세요. 툴 소개를 백 번 읽는 것보다 직접 비교해보는 편이 훨씬 빠릅니다.
ChatGPT · Claude
- 1ChatGPT 또는 Claude 대화창을 엽니다.
- 2위의 요청문을 복사해 붙여넣고, 괄호 부분을 실제 정보로 바꿉니다.
- 3마지막 줄에 전체를 HTML 파일 하나로 만들어주세요 를 덧붙입니다.
- 4오른쪽 미리보기에서 결과를 확인합니다.
- 5고칠 곳을 하나씩 말합니다. 나머지는 그대로 두라는 말을 꼭 붙이세요.
- 6코드를 전부 복사해 메모장에 붙여넣고 clinic.html 로 저장합니다. 인코딩은 UTF-8입니다.
- 7저장한 파일을 더블클릭해 브라우저에서 열어봅니다.
짚고 갈 점 휴대폰에서 어떻게 보이는지 반드시 확인하세요. 브라우저 창을 좁게 줄이면 대략 짐작할 수 있습니다.
대화형 상세 안내 보기 →04Check
공개 전 확인 목록
다 만들었다고 바로 공유하지 마세요. 아래를 한 번씩 확인하는 데 5분이면 충분합니다.
- 01휴대폰 화면에서 글씨가 읽을 만한 크기인가
- 02진료시간이 정확한가 — 점심시간과 휴진일 포함
- 03전화번호를 누르면 전화 앱이 열리는가
- 04지어낸 의료진 이름이나 후기가 남아 있지 않은가
- 05환자 정보를 입력받거나 저장하는 기능이 들어가 있지 않은가
- 06오탈자가 없는가 — 의원 이름과 주소는 특히