Claude Code로 PDF 플래시카드 5분 만에 완성

Claude Code로 PDF 플래시카드 5분 만에 완성

Claude Code로 PDF 플래시카드 5분 만에 완성

시험 전날 긴 PDF 다시 넘기기 싫을 때

오늘 만들 것
시험 전날 긴 PDF 다시 넘기기 싫을 때

자격증 자료나 강의 PDF가 60쪽만 넘어가도 필요한 부분을 다시 찾는 데 시간이 꽤 듭니다. 오늘 목표는 Claude Code로 그 긴 문서를 5분 안에 휴대폰용 카드 페이지로 바꾸는 흐름을 잡는 겁니다. 파일 하나만 읽혀도 질문과 짧은 답이 붙은 화면이 바로 나오면, 지하철이나 카페에서 훑어보기 훨씬 편해집니다.

이 방식이 좋은 이유는 시작이 가볍기 때문입니다. 코드를 길게 짤 필요도 없고 새 프레임워크를 깔 필요도 없습니다. 폴더 하나 열고 PDF를 넣은 다음 순서대로 말만 걸면 첫 버전이 나옵니다. 처음부터 서비스처럼 크게 만들기보다 한 파일짜리 결과를 먼저 띄우는 편이 관리하기도 쉽고 수정 포인트도 눈에 잘 들어옵니다.

먼저 잡아둘 건 말투와 카드 길이

이번 작업에서 먼저 챙길 건 기능 수보다 기준입니다. /init으로 말투와 카드 길이를 먼저 고정해두면 문장이 갑자기 길어지거나 딱딱해지는 일이 줄어듭니다. 그다음에는 PDF를 읽혀서 index.html 한 장을 만들고, 랜덤 퀴즈처럼 범위가 커지는 수정은 /plan으로 읽기 전용 계획을 받은 뒤 붙이면 됩니다. 이 순서를 지켜두면 처음 만드는 사람도 수정 범위를 놓치지 않게 됩니다.

처음 버전은 읽히는 화면만 나오면 된다

1
규칙 메모 먼저 깔기
AI에게 보낸 프롬프트
/init 이 프로젝트는 PDF 암기 카드 만들기용이야. 결과물은 모바일 우선 HTML 한 파일. 카드는 짧게, 질문 1줄 답 1~2문장. 어려운 말은 쉬운 한국어로 풀어줘. 과한 디자인 말고 바로 읽히게.

이 한 번으로 이후 대화의 기준점이 생깁니다. CLAUDE.md가 만들어지면 카드 길이, 설명 톤, 화면 방향이 매번 흔들리지 않습니다. 공부용 페이지는 예쁜 문장보다 짧고 바로 읽히는 문장이 더 잘 맞습니다. 그래서 첫 단계에서 카드 길이와 말투를 못 박아두는 편이 편합니다.

여기서 자주 꼬이는 부분도 있습니다. 처음부터 저장 기능, 색상 테마, 정렬 옵션까지 같이 넣으려고 하면 정작 요약 문장이 흐려집니다. 첫 단계는 오직 카드 길이와 말투만 정한다고 생각하면 충분합니다.

2
첫 결과는 index.html 한 장으로
AI에게 보낸 프롬프트
study.pdf 파일을 읽어서 index.html 하나로 PDF 암기 카드 페이지 만들어줘. 카드는 15장만 먼저 만들고, 앞면은 질문, 뒷면은 짧은 답으로 해줘. 위쪽에는 검색칸 하나만 두고, 모바일에서 카드 넘기기 쉽게 만들어줘. 지금은 저장 기능 말고 바로 열어보는 첫 버전만 필요해.

이 프롬프트에서 중요한 부분은 범위를 자르는 데 있습니다. 15장만 먼저 만들라고 해야 문서 전체를 무리하게 펼치지 않고, 검색칸 하나만 두라고 해야 화면이 산만해지지 않습니다. index.html 한 장으로 제한하면 파일 구조가 단순해서 처음 보는 사람도 어디를 손봐야 할지 바로 찾을 수 있습니다.

첫 버전이 조금 투박해도 괜찮습니다. 여기서 볼 건 디자인 완성도가 아니라 질문과 답이 짧게 끊기는지, 모바일에서 넘기기 쉬운지입니다. 공부용 페이지는 스크롤 피로를 줄이는 쪽이 먼저라서 한 화면에 필요한 정보가 붙는 구성이 더 낫습니다.

3
PDF 말투 걷어내기
AI에게 보낸 프롬프트
지금 만든 카드 문장에서 교재 말투처럼 딱딱한 부분만 다듬어줘. 중학생도 읽을 수 있게 바꾸고, 영어 약어는 괄호로 한 번 풀어줘. 헷갈리기 쉬운 카드 5장은 배지를 붙여줘.

문서 원문을 그대로 잘라 넣으면 카드라기보다 축약본에 가까워집니다. 외울 때 필요한 건 긴 설명보다 바로 떠올릴 수 있는 질문과 짧은 답입니다. 중학생도 읽을 수 있게 바꿔달라고 적는 이유도 여기에 있습니다.

헷갈리는 5장에 표시를 붙여두는 것도 쓸모가 큽니다. 시험 직전에는 모든 카드를 같은 비중으로 볼 시간이 부족합니다. 다시 볼 부분이 눈에 바로 들어와야 복습 흐름이 끊기지 않습니다.

4
큰 수정 전에 읽기만 시키기
AI에게 보낸 프롬프트
/plan 지금 있는 PDF 암기 카드에 랜덤 퀴즈 모드만 추가하고 싶어. 파일은 index.html 하나로 유지하고, 바꿔야 할 부분을 3단계 안으로 먼저 적어줘.

이 단계는 기능 추가라기보다 사고를 줄이는 장치에 가깝습니다. 랜덤 퀴즈를 바로 붙이라고 하면 검색칸이나 기존 카드 레이아웃까지 함께 흔들리는 경우가 있습니다. 먼저 3단계 계획으로 쪼개서 보면 버튼, 상태값, 카드 뒤집기처럼 어디를 손댈지 한눈에 들어옵니다.

처음 만드는 입장에서는 이 읽기 전용 계획이 특히 도움이 됩니다. 바뀌는 범위를 먼저 보면 불필요한 수정도 빨리 걸러집니다. 한 파일 유지 조건을 같이 적어두면 결과물 관리도 단순해집니다.

5
퀴즈 모드만 딱 붙이기
AI에게 보낸 프롬프트
방금 계획대로 랜덤 퀴즈 버튼만 붙여줘. 기존 검색칸과 카드 레이아웃은 건드리지 말고, 한 번에 한 카드만 보여주는 모드만 추가해줘. 마지막으로 초보가 읽기 어려운 문장 3개가 남아 있으면 같이 고쳐줘.

여기서는 요청 범위를 더 줄이는 편이 낫습니다. 랜덤 버튼 하나, 한 번에 한 카드 모드 하나, 읽기 어려운 문장 3개 정리까지만 요청하면 이미 괜찮게 나온 화면을 다시 흐트러뜨릴 일이 적습니다. 수정 범위를 좁혀야 손볼 이유가 없는 부분까지 같이 바뀌는 일을 막을 수 있습니다.

이렇게 끝내면 결과물의 성격도 분명해집니다. 단순 요약 페이지가 아니라 손으로 넘기면서 기억을 확인하는 퀴즈 화면에 가까워집니다. 매일 열 공부용 파일이라면 기능 수보다 반복해서 보기 편한 구조가 더 오래 남습니다.

처음에 자주 걸리는 부분

PDF를 못 읽는다고 나올 때. study.pdf를 찾을 수 없다거나 내용 없는 카드만 생기면, 현재 열린 폴더와 실제 파일 위치가 어긋난 경우가 많습니다. 파일을 현재 폴더에 두고 이름도 study.pdf처럼 짧게 맞춘 뒤 다시 요청하면 정리가 빨라집니다.

답이 너무 길어질 때. 카드 뒷면이 한 화면에 다 안 들어오면 Step 1의 길이 규칙이 약했거나 Step 2에서 처음 뽑는 장수가 너무 많았을 가능성이 큽니다. 답은 2문장 이하, 카드는 15장만, 예시는 한 줄만이라고 다시 적어주면 문장이 짧아집니다.

모바일에서 카드가 답답할 때. 글자가 작거나 좌우 여백이 과하면 도구가 데스크톱 화면을 먼저 상상한 경우가 많습니다. 모바일 우선, 카드 너비 100%, 버튼은 엄지로 누르기 쉽게라고 한 줄 더 넣으면 방향을 다시 잡기 쉽습니다.

다음에 붙일 기능은 저장 하나면 충분하다

한 걸음 더

오늘 만든 페이지는 여기서 멈춰도 바로 복습용으로 쓸 수 있습니다. 다음 단계에서 붙일 만한 건 틀린 카드만 따로 모으는 저장 기능 하나 정도면 충분합니다. 그러면 긴 PDF를 다시 뒤적이는 시간이 줄고 자주 틀리는 부분만 짧게 반복하는 흐름을 만들 수 있습니다.

관련 검색어

  • 🔍 Claude Code 사용법
  • 🔍 Claude Code 비교
  • 🔍 PDF 암기 카드 사용법
  • 🔍 PDF 암기 카드 비교
  • 🔍 PDF 요약 사용법
  • 🔍 PDF 요약 비교

댓글 쓰기

다음 이전