ChatGPT · Claude
대화형으로 시작하기
ChatGPT나 Claude의 대화창은 이미 익숙하실 겁니다. 여기서 바로 시작할 수 있다는 사실만 알면 됩니다. 새로 설치할 프로그램도, 새로 배울 화면도 없습니다.
01Reality check
먼저 알아두실 것
이 방식의 한계는 분명합니다. 파일이 하나일 때는 편하지만 화면이 여러 개로 늘어나면 붙여넣고 저장하는 일이 번거로워집니다. 그래도 처음 한 번은 여기서 시작하시기를 권합니다. 무엇이 가능한지 감을 잡는 데 걸리는 시간이 가장 짧습니다.
어디까지 가능한가 화면 한두 개짜리 결과물까지. 파일이 여러 개로 늘어나면 관리가 어려워집니다.
02First 30 minutes
첫 결과물까지의 순서
아래 순서대로 따라오시면 됩니다. 중간에 막히면 그 단계의 참고 문장을 그대로 쓰셔도 좋습니다.
- 01
대화창을 엽니다
ChatGPT나 Claude 중 이미 쓰시던 쪽이면 됩니다. 무료 계정으로도 충분히 시작할 수 있습니다.
- 02
만들 것을 한 문단으로 설명합니다
누가 보는 화면인지, 무엇을 입력하고 무엇을 얻는지, 어떤 상황에서 쓰는지를 적습니다. 진료 의뢰서를 쓴다고 생각하면 수준이 맞습니다.
예: 우리 의원 환자에게 보여줄 위내시경 검사 전 주의사항 안내 페이지를 만들고 싶습니다. 검사 며칠 전부터 무엇을 하면 되는지 날짜 순서대로 보여주고, 환자가 휴대폰으로 보기 때문에 글씨가 커야 합니다.
- 03
파일 하나로 만들어 달라고 덧붙입니다
이 한 줄이 초반 난이도를 크게 낮춥니다. 파일이 하나면 저장도 공유도 더블클릭 한 번으로 끝납니다.
그대로 덧붙이세요: 전체를 HTML 파일 하나로 만들어주세요. 별도 설치 없이 브라우저에서 바로 열리게 해주세요.
- 04
미리보기로 결과를 확인합니다
ChatGPT는 캔버스, Claude는 아티팩트라는 이름으로 결과 화면을 오른쪽에 띄워줍니다. 코드를 읽을 필요 없이 화면만 보면 됩니다.
- 05
내 컴퓨터에 저장합니다
코드를 전부 복사해 메모장에 붙여넣고, 파일 이름을 clinic.html 처럼 .html 로 끝나게 저장합니다. 그 파일을 더블클릭하면 브라우저에서 열립니다.
메모장에서 저장할 때 인코딩을 UTF-8 로 지정하세요. 그러지 않으면 한글이 깨집니다.
- 06
고칠 곳을 구체적으로 말합니다
무엇이 어떻게 다른지 말해야 합니다. 마음에 안 든다는 말로는 고쳐지지 않습니다. 보통 서너 번 주고받으면 쓸 만해집니다.
예: 제목 글씨가 너무 작습니다. 휴대폰에서도 한눈에 들어오게 키워주세요. 나머지는 그대로 두세요.
03Prompting
이 방식에서 통하는 요령
한 번에 하나씩만 바꾸세요
다섯 가지를 한꺼번에 요청하면 그중 둘만 반영되고 나머지는 조용히 무시됩니다. 하나씩 요청하면 확인도 쉽습니다.
휴대폰 화면을 명시하세요
환자는 거의 전부 휴대폰으로 봅니다. 요청하지 않으면 PC 기준으로 만들어집니다.
바꾸지 말 것을 함께 말하세요
나머지는 그대로 두라는 한마디가 멀쩡하던 부분이 망가지는 일을 크게 줄여줍니다.
계산은 직접 검산하세요
AI는 자신 있게 틀립니다. 숫자가 들어가는 로직은 아는 값을 넣어 손으로 맞춰보세요.
04Troubleshooting
자주 막히는 지점
거의 모든 분이 같은 곳에서 멈춥니다. 본인 잘못이 아니라 원래 그런 지점입니다.
코드가 중간에서 끊깁니다
원인한 번에 보낼 수 있는 길이를 넘었습니다.
해결이어서 써달라고 요청하면 나머지가 나옵니다. 앞부분과 이어붙이면 됩니다.
저장한 파일을 여니 한글이 깨집니다
원인파일이 UTF-8이 아닌 인코딩으로 저장됐습니다.
해결메모장에서 다시 저장할 때 인코딩을 UTF-8로 선택하세요.
고칠수록 다른 부분이 망가집니다
원인대화가 길어져 AI가 앞의 조건을 잊었습니다.
해결잘 되던 버전의 파일을 따로 보관해두세요. 그리고 새 대화를 열어 그 파일을 붙여넣고 다시 시작하세요.
화면이 하얗게만 뜹니다
원인코드 일부만 복사됐을 가능성이 큽니다.
해결처음부터 끝까지 다시 복사하세요. 그래도 안 되면 F12를 눌러 나오는 빨간 메시지를 통째로 복사해 AI에 붙여넣으세요.