오늘의 목표
이제 우리는 로컬에서 움직이는 미니 포트폴리오를 가지고 있습니다.
index.html, style.css, script.js를 만들었고, 다크모드와 연락처 이동 기능도 붙였습니다. 여기까지 오면 슬슬 이런 생각이 듭니다.
"클로드 코드, 계속 써도 괜찮을까?"
"이 대화가 너무 길어지는 건 아닐까?"
"비용이 갑자기 많이 나오면 어떡하지?"오늘은 이 불안을 줄이는 장입니다.
핵심은 간단합니다.
잘 쓰는 사람은 오래 대화하지 않습니다. 정확히 시킵니다.
클로드 코드를 아끼며 쓰는 방법은 사용을 참는 것이 아닙니다.
작업을 작게 자르고, 필요한 순간에만 부르는 것입니다.
먼저 기억할 한 문장
클로드 코드에게 일을 맡길 때는 이 흐름을 기본으로 둡니다.
계획 → 한 파일 수정 → 확인 → 다음 단계이 순서를 지키면 좋은 점이 많습니다.
한 번에 너무 많은 토큰을 쓰지 않습니다.
엉뚱한 파일을 고칠 가능성이 줄어듭니다.
문제가 생겨도 어디서 꼬였는지 찾기 쉽습니다.
대화가 길어지기 전에 정리할 수 있습니다.
반대로 이런 요청은 피합니다.
내 포트폴리오 전체를 완성형으로 다 고쳐줘.
디자인도 예쁘게 하고, 기능도 넣고, 코드도 정리하고, 모바일도 맞춰줘.겉보기에는 편해 보입니다.
하지만 초보자에게는 위험합니다.
클로드가 여러 파일을 한꺼번에 바꾸고, 우리는 무엇이 바뀌었는지 놓치기 쉽습니다. 수정이 마음에 들지 않으면 다시 긴 대화를 해야 합니다. 결국 시간도, 사용량도 늘어납니다.
오늘부터는 이렇게 바꿉니다.
먼저 현재 상태를 읽고, 수정 계획만 짧게 말해줘.
아직 파일은 수정하지 마.이 문장은 지갑을 지키는 첫 번째 안전벨트입니다.
루틴 1: 시작할 때는 "계획만" 받기
작업을 시작할 때 바로 수정 요청을 하지 않습니다.
먼저 클로드에게 현재 상태를 읽게 하고, 계획만 받습니다.
현재 프로젝트는 index.html, style.css, script.js로 된 미니 포트폴리오야.
오늘 하고 싶은 작업은 다음이야.
- 프로젝트 카드 문장 다듬기
- 버튼 색상 조금 정리하기
- 모바일에서 여백 확인하기
먼저 세 파일을 읽고, 어떤 순서로 수정하면 좋을지 계획만 짧게 말해줘.
아직 파일은 수정하지 마.여기서 중요한 부분은 세 가지입니다.
1. 현재 파일을 알려준다.
2. 오늘 할 일을 세 개 안으로 줄인다.
3. 아직 수정하지 말라고 말한다.클로드가 이런 식으로 답하면 좋습니다.
1. index.html에서 프로젝트 카드 문장만 정리
2. style.css에서 버튼 색상과 여백 조정
3. 모바일 스타일 확인 후 필요한 부분만 수정이 정도면 시작해도 됩니다.
만약 클로드가 너무 큰 계획을 말한다면 바로 줄입니다.
범위가 커 보여.
오늘은 프로젝트 카드 문장만 다듬을게.
index.html의 텍스트만 수정하는 계획으로 줄여줘.좋은 사용자는 클로드의 제안을 전부 따라가지 않습니다.
필요한 만큼만 가져옵니다.
루틴 2: 한 번에 한 파일만 맡기기
작업 범위를 줄이는 가장 쉬운 방법은 파일을 하나만 지정하는 것입니다.
예를 들어 문장만 고치고 싶다면 이렇게 말합니다.
index.html만 수정해줘.
프로젝트 카드 3개의 설명 문장을 더 자연스럽게 다듬고 싶어.
조건은 다음과 같아.
- HTML 구조는 바꾸지 마.
- class 이름은 바꾸지 마.
- 링크 주소는 바꾸지 마.
- 카드 제목과 설명 문장만 다듬어줘.
- 설명은 짧고 구체적으로 만들어줘.
style.css와 script.js는 수정하지 마.이 요청은 길어 보여도 낭비가 아닙니다.
오히려 절약입니다.
처음에 정확히 말해 두면, 나중에 "아니 그건 건드리지 말고", "다시 되돌려줘", "왜 스타일이 깨졌어?" 같은 대화가 줄어듭니다.
이번에는 스타일만 고치고 싶다고 해봅시다.
style.css만 수정해줘.
버튼 색상이 조금 강해 보여서 더 차분하게 바꾸고 싶어.
조건은 다음과 같아.
- 버튼 배경색과 hover 색상만 조정해줘.
- 전체 레이아웃은 바꾸지 마.
- 카드 스타일은 바꾸지 마.
- 다크모드 스타일은 유지해줘.
수정 전에는 어떤 선택자를 바꿀지 먼저 짧게 말해줘.여기서 선택자는 CSS에서 어떤 부분을 꾸밀지 가리키는 이름입니다.
예를 들면 .button, .project-card, body.dark 같은 것입니다.
전문 용어를 몰라도 괜찮습니다. 이렇게 말해도 됩니다.
버튼과 관련된 CSS만 바꿔줘.중요한 것은 "무엇을 바꿀지"보다 "무엇을 바꾸지 말지"까지 말하는 습관입니다.
루틴 3: 설명은 짧게, 수정 위주로 요청하기
클로드는 설명을 잘합니다.
하지만 매번 긴 설명을 들을 필요는 없습니다.
초보자에게 설명은 도움이 됩니다.
다만 같은 종류의 설명이 반복되면 작업 시간이 길어집니다.
그럴 때는 이렇게 말합니다.
설명은 짧게 해줘.
수정 위주로 진행해줘.
변경 이유는 파일별로 한 줄씩만 말해줘.또는 더 짧게 말할 수 있습니다.
긴 설명은 생략하고, 필요한 수정만 해줘.
승인 전에 변경 파일과 이유만 짧게 알려줘.이 문장을 붙이면 대화가 훨씬 가벼워집니다.
예를 들어 버튼을 고칠 때는 이렇게 요청합니다.
style.css만 수정해줘.
버튼이 조금 더 부드럽게 보이도록 색상과 여백만 다듬어줘.
전체 레이아웃, 카드, 다크모드는 건드리지 마.
설명은 짧게 해줘.
수정 위주로 진행해줘.
변경 이유는 한 줄이면 충분해.클로드가 길게 설명하기 시작하면 중간에 끊어도 됩니다.
설명은 여기까지면 충분해.
바로 수정안으로 진행해줘.작업 중에는 친절한 강의보다 정확한 손길이 필요할 때가 많습니다.
루틴 4: 확인은 브라우저에서 직접 하기
클로드가 "수정했습니다"라고 말해도 끝이 아닙니다.
우리는 브라우저에서 직접 봐야 합니다.
작업 하나가 끝날 때마다 이 순서로 확인합니다.
1. 변경 파일 확인
2. 승인
3. 브라우저 새로고침
4. 눈으로 확인
5. 다음 요청예를 들어 style.css를 고쳤다면 브라우저에서 봅니다.
□ 버튼 색상이 바뀌었는가?
□ 카드 레이아웃은 그대로인가?
□ 다크모드가 여전히 작동하는가?
□ 모바일에서 너무 좁아지지 않는가?확인하지 않고 다음 요청을 이어가면 문제가 쌓입니다.
처음에는 작은 어긋남입니다.
버튼 여백이 조금 이상하거나, 카드 간격이 살짝 좁습니다.
그런데 확인하지 않고 계속 진행하면 나중에는 이렇게 됩니다.
"어디서부터 이상해진 거지?"그 순간부터 시간과 사용량이 같이 늘어납니다.
작업 하나, 확인 하나.
이 리듬이 가장 싸고 빠릅니다.
루틴 5: 대화가 길어지면 요약하고 새로 시작하기
클로드와 오래 대화하다 보면 맥락이 무거워집니다.
처음에는 단순한 요청이었는데, 어느새 이런 내용이 모두 대화 안에 들어 있습니다.
- 처음 만든 HTML 구조
- 다크모드 수정 기록
- 버튼 색상 변경 기록
- 모바일 레이아웃 조정 기록
- 에러 해결 과정
- 마음에 들지 않아 되돌린 내용이 상태로 계속 말하면 클로드도 헷갈릴 수 있습니다.
우리도 헷갈립니다.
그럴 때는 새 대화로 넘어갈 타이밍입니다.
기준은 간단합니다.
□ 같은 문제를 세 번 이상 다시 설명하고 있다.
□ 클로드가 이미 고친 내용을 또 고치려 한다.
□ 답변이 점점 길어지고 핵심이 흐려진다.
□ 내가 무엇을 요청했는지 헷갈린다.
□ 작업이 한 덩어리 끝났다.두 개 이상 해당하면 정리합니다.
먼저 현재 대화에서 요약을 요청합니다.
지금까지의 작업 상태를 새 대화에서 이어갈 수 있게 짧게 요약해줘.
다음 형식으로 정리해줘.
1. 현재 파일 구조
2. 완료된 기능
3. 유지해야 할 것
4. 아직 할 일
5. 다음에 바로 입력할 요청 문장
코드는 길게 붙이지 말고 핵심만 요약해줘.클로드가 요약해주면 복사해 둡니다.
새 대화를 시작할 때는 이렇게 붙여 넣습니다.
이전 작업 요약이야.
[여기에 요약 붙여넣기]
이 상태에서 다음 작업만 진행하고 싶어.
먼저 필요한 파일을 읽고, 수정 계획만 짧게 말해줘.
아직 파일은 수정하지 마.이 방식은 작업실을 한 번 정리하는 것과 같습니다.
책상 위에 도구가 너무 많이 올라와 있으면 손이 느려집니다.
필요한 것만 남기고 다시 시작하면 빨라집니다.
루틴 6: 끝날 때 사용량을 확인하기
비용 불안은 대부분 "얼마나 썼는지 모르는 상태"에서 커집니다.
그래서 작업을 끝낼 때 사용량을 확인하는 습관을 넣습니다.
Claude Code 안에서 사용량이나 비용을 보여주는 명령이 있다면, 작업 마지막에 확인합니다.
/cost표시되는 내용은 환경이나 요금제에 따라 다를 수 있습니다.
중요한 것은 숫자를 외우는 것이 아닙니다.
작업 후에 한 번 멈추고 확인하는 습관입니다.
API 키나 별도 결제 설정으로 쓰고 있다면 Anthropic 계정의 Usage 또는 Billing 화면도 함께 확인합니다. 회사나 팀 계정이라면 관리자 화면에서 사용량을 보는 경우도 있습니다.
작업 마무리 루틴은 이렇게 가져갑니다.
1. 브라우저에서 마지막 확인
2. 변경 파일 확인
3. 사용량 또는 비용 확인
4. 오늘 한 일 요약 저장
5. Claude Code 종료오늘 한 일 요약은 아주 짧아도 됩니다.
오늘 한 일
- 프로젝트 카드 문장 수정
- 버튼 색상 조정
- 모바일 여백 확인
- 다크모드 정상 작동 확인이 네 줄이 다음 작업의 시간을 줄여 줍니다.
10분 작업 루틴 만들기
클로드 코드는 오래 붙잡고 있다고 좋은 결과가 나오지 않습니다.
초보자에게는 10분 단위가 좋습니다.
짧게 부탁하고, 바로 확인하고, 멈춥니다.
0분 오늘 할 일 하나 정하기
1분 클로드에게 계획만 요청하기
3분 한 파일 수정 요청하기
5분 변경 내용 확인 후 승인하기
7분 브라우저에서 테스트하기
9분 결과 요약하고 종료하기예를 들어 오늘 할 일이 "버튼 색상 바꾸기"라면 10분 안에 충분합니다.
오늘은 버튼 색상만 바꾼다.이렇게 작게 시작하면 과소비가 줄어듭니다.
반대로 이런 날은 위험합니다.
오늘 포트폴리오를 완전히 새롭게 갈아엎어야지.이 문장이 나오면 범위를 줄입니다.
오늘은 첫 화면 문장만 바꾼다.
내일은 프로젝트 카드만 다듬는다.
그다음에는 모바일만 확인한다.작업을 나누면 느려 보입니다.
하지만 실제로는 더 빠릅니다.
되돌리는 시간이 줄어들기 때문입니다.
자주 쓰는 문장은 카드처럼 모아두기
매번 새로 프롬프트를 쓰면 시간이 걸립니다.
자주 쓰는 문장은 따로 모아 둡니다.
파일 이름은 아무거나 괜찮습니다.
claude-recipes.md프로젝트 폴더 안에 만들어도 되고, 메모 앱에 저장해도 됩니다.
처음에는 다섯 장이면 충분합니다.
1. 설치 점검 카드
2. 새 파일 생성 카드
3. 기존 파일 수정 카드
4. 에러 해결 카드
5. 작업 정리 카드바로 복사해서 쓸 수 있게 만들어 봅시다.
설치 점검 카드
내 개발 환경이 Claude Code 작업에 준비되어 있는지 확인하고 싶어.
터미널에서 확인해야 할 명령어를 순서대로 알려줘.
각 명령어는 한 줄 설명만 붙여줘.
오류가 날 경우 내가 어떤 메시지를 복사해서 다시 보내면 되는지도 알려줘.새 파일 생성 카드
새 파일을 하나 만들고 싶어.
파일명: [파일명]
목적: [무엇을 하는 파일인지]
조건:
- 초보자가 이해하기 쉬운 단순한 구조로 만들어줘.
- 필요한 코드만 작성해줘.
- 설명은 짧게 해줘.
- 생성 전 파일명을 다시 확인해줘.기존 파일 수정 카드
[파일명]만 수정해줘.
수정하고 싶은 내용:
- [원하는 변경 1]
- [원하는 변경 2]
유지해야 할 것:
- 기존 기능은 지우지 마.
- class 이름은 가능한 유지해줘.
- 다른 파일은 수정하지 마.
수정 전에는 변경 범위를 짧게 말해줘.
설명은 짧게, 수정 위주로 진행해줘.에러 해결 카드
아래 에러를 해결하고 싶어.
상황:
- 어떤 작업을 하다가 에러가 났는지: [상황 설명]
- 내가 실행한 명령어: [명령어]
- 기대한 결과: [기대한 결과]
에러 메시지:
[에러 메시지 붙여넣기]
먼저 원인을 짧게 설명하고,
가장 안전한 해결 방법부터 순서대로 알려줘.
파일을 수정해야 한다면 어떤 파일을 왜 수정하는지 먼저 말해줘.작업 정리 카드
지금까지의 작업을 정리해줘.
다음 형식으로 짧게 요약해줘.
1. 현재 파일 구조
2. 오늘 수정한 내용
3. 정상 작동 확인한 기능
4. 아직 남은 일
5. 다음 작업을 시작할 때 입력할 첫 요청 문장
새 대화에 붙여 넣을 수 있게 간결하게 써줘.이 카드들은 다음 장에서 더 많이 만들 겁니다.
지금은 "자주 쓰는 말은 저장한다"는 습관만 가져가면 됩니다.
비용을 줄이는 나쁜 습관 고치기
아래 문장들은 초보자가 자주 쓰지만, 대화를 길게 만드는 요청입니다.
나쁜 습관 1: "알아서 해줘"
전체적으로 알아서 예쁘게 해줘.이 말은 편하지만 결과가 흔들립니다.
이렇게 바꿉니다.
style.css만 수정해줘.
카드 여백, 버튼 색상, 전체 배경색만 조금 더 차분하게 다듬어줘.
기존 레이아웃과 다크모드는 유지해줘.나쁜 습관 2: "다 고쳐줘"
이상한 부분 다 고쳐줘.무엇이 이상한지 모르면 클로드도 넓게 추측합니다.
이렇게 바꿉니다.
브라우저에서 봤을 때 프로젝트 카드 사이 간격이 너무 좁아 보여.
style.css에서 카드 간격만 조정해줘.
다른 디자인은 바꾸지 마.나쁜 습관 3: "왜 안 돼?"
왜 안 돼?이 말만으로는 정보가 부족합니다.
이렇게 바꿉니다.
연락하기 버튼을 눌러도 Contact 섹션으로 이동하지 않아.
현재 상황:
- index.html에는 id="contact" 섹션이 있어.
- script.js는 연결되어 있어.
- 브라우저 콘솔 에러는 아직 확인하지 않았어.
먼저 확인할 순서를 알려줘.
바로 파일을 수정하지는 마.나쁜 습관 4: "계속 수정해줘"
조금 더 예쁘게.
아직 별로야.
더 고쳐줘.이렇게 반복하면 끝이 없습니다.
이럴 때는 기준을 줍니다.
마지막으로 한 번만 다듬을게.
목표는 깔끔한 초보 개발자 포트폴리오 느낌이야.
수정 범위는 style.css로 제한해줘.
- 색상은 2개 이상 새로 추가하지 마.
- 여백과 글자 크기만 조정해줘.
- 새 애니메이션은 추가하지 마.마지막이라는 말을 넣으면 작업이 정리됩니다.
오늘부터 쓰는 종료 체크리스트
작업을 끝낼 때는 이 체크리스트를 봅니다.
□ 오늘의 목표가 하나였는가?
□ 시작할 때 계획만 먼저 받았는가?
□ 한 번에 한 파일씩 수정했는가?
□ 승인 전 변경 파일을 확인했는가?
□ 브라우저에서 직접 테스트했는가?
□ 대화가 길어졌다면 요약했는가?
□ 사용량 또는 비용을 확인했는가?
□ 오늘 한 일을 짧게 기록했는가?8개를 전부 지키지 않아도 됩니다.
처음에는 5개만 지켜도 충분합니다.
가장 중요한 것은 이 세 가지입니다.
계획만 먼저.
한 파일씩.
끝나면 확인.이 세 가지만 지켜도 클로드 코드 사용이 훨씬 가벼워집니다.
오늘의 완성 프롬프트
마지막으로 오늘 배운 내용을 하나의 프롬프트로 합쳐 봅니다.
미니 포트폴리오를 조금 다듬고 싶을 때 그대로 복사해서 쓰세요.
현재 프로젝트는 index.html, style.css, script.js로 된 미니 포트폴리오야.
오늘 목표는 [오늘 할 일 하나]야.
예: 프로젝트 카드 문장 다듬기 / 버튼 색상 조정 / 모바일 여백 확인
진행 방식은 다음처럼 해줘.
1. 먼저 필요한 파일을 읽고 수정 계획만 짧게 말해줘.
2. 아직 파일은 수정하지 마.
3. 내가 승인하면 한 번에 한 파일만 수정해줘.
4. 설명은 짧게, 수정 위주로 진행해줘.
5. 변경 이유는 한 줄이면 충분해.
6. 기존 다크모드와 연락처 이동 기능은 유지해줘.
7. 작업이 끝나면 브라우저에서 확인할 체크리스트를 알려줘.이 프롬프트 하나면 오늘의 원칙이 모두 들어 있습니다.
클로드 코드를 오래 붙잡고 있을 필요는 없습니다.
필요한 만큼만 부르고, 확인하고, 닫으면 됩니다.
도구를 잘 쓴다는 것은 많이 쓰는 것이 아닙니다.
내 시간을 덜 빼앗기게 쓰는 것입니다.
이 노트는 보도·비평·교육·연구 목적으로 작성되었습니다. 저작권 문의가 있으시면 에서 알려주세요.