처음 만나는 AI와 Claude Code

들어가며: 이 책에서 만들 것

들어가며: 이 책에서 만들 것

독서모임에서 읽고 싶은 책이나 함께 나눌 질문이 떠올라도, 적어 둘 곳이 없으면 금방 잊기 쉽습니다. 이 책에서는 그런 생각을 모아 두고 다시 꺼내 볼 수 있는 간단한 메모앱을 만듭니다. 책 제목과 질문을 노트처럼 기록하고, 저장한 내용을 고치거나 지울 수 있게 하는 것이 목표입니다.

이 과정을 따라가며 AI와 LLM이 어떤 일을 하는지 배우고, Claude Code에 원하는 동작을 요청해 실제 결과를 확인합니다. AI를 처음 접해도 괜찮습니다. 코드를 외우기보다 필요한 동작을 말하고 직접 시험하는 작업 습관을 함께 익혀 보겠습니다.

기본 실습에서 만들 파일은 index.html 하나입니다. 먼저 독서모임 안내 페이지를 만들고 책과 질문을 적는 메모를 한 장 저장합니다. 이어서 여러 장을 저장하고 수정·삭제할 수 있게 만들며, 메모에 이미지를 붙입니다. 선택 확장 실습에서는 실제 .xlsx 파일로 메모를 내보내고 가져옵니다.

생성형 AI는 같은 요청을 받아도 문장이나 페이지 모양을 조금 다르게 만들 수 있습니다. 그래서 책의 예시와 화면이 똑같지 않아도 괜찮습니다. 대신 알려 준 사실과 지켜야 할 조건이 맞는지 직접 확인합니다.

한눈에 보는 작업 흐름

1. 내가 요청합니다. 만들 것과 지켜야 할 조건을 말합니다.

2. Claude Code가 자료를 확인합니다. 현재 폴더와 관련 파일을 읽습니다.

3. Claude Code가 도구를 씁니다. 필요하면 파일을 만들거나 명령을 실행합니다.

4. 내가 결과를 확인합니다. 실제 파일과 브라우저 화면을 보고 고칠 점을 말합니다.

이 흐름은 Claude Code뿐 아니라 Codex 같은 작업형 AI에도 통합니다. 도구마다 버튼과 명령은 다르지만, 요청 → 작업 → 확인 → 수정의 순서는 같습니다. Claude Code의 작동 방식도 이를 맥락 수집, 행동, 검증의 반복으로 설명합니다.

준비물과 읽는 법

인터넷 연결, Claude Code를 사용할 수 있는 계정, 터미널을 열 수 있는 컴퓨터가 필요합니다. Claude는 웹사이트, 데스크톱 앱, 터미널 등 여러 화면에서 사용할 수 있습니다. 이 책은 그중 터미널에서 claude 명령으로 시작하는 Claude Code CLI를 다룹니다. 화면마다 어떤 차이가 있는지는 1장에서 살펴봅니다. 설치 방법과 사용 가능한 계정은 바뀔 수 있으므로 실제 설치할 때는 공식 빠른 시작을 확인해 주세요.

1~3장을 따라 하면 실제로 동작하는 결과물이 생깁니다. 그 과정에서 필요한 일 정하기, 결과의 확인 기준 세우기, 화면과 저장할 자료 생각하기, 만들기, 시험하고 고치기를 경험합니다. 4장에서는 이 개발 순서를 다시 짚고 다른 작업에도 적용하는 법을 살펴봅니다. 실제 Excel 파일로 백업·이동하는 일은 4장의 선택 확장 실습이므로 건너뛰어도 기본 실습을 마칠 수 있습니다. 5장에서는 지금까지 한 일을 돌아보고, 작업이 커지면 왜 다른 도움이 필요한지 살펴봅니다. 이어서 6장에서는 다음 책에서 자세히 배울 지침 파일, 스킬, MCP의 큰 그림을 봅니다. 기본 실습을 위해 새 도구를 설치할 필요는 없습니다.

이 책을 읽고 나면 할 수 있는 일

• AI의 여러 방식과 LLM의 위치를 설명하고, 생성형 AI의 답이 달라질 수 있음을 이해할 수 있습니다.

• 연습용 폴더에서 Claude Code를 시작하고, 어느 폴더에서 작업하는지 확인할 수 있습니다.

• Claude Code에 요청해 index.html을 만들고, 독서모임 안내와 준비 카드를 브라우저에서 사용해 볼 수 있습니다.

• 여러 카드의 책 제목과 질문을 추가·수정·삭제하고 이미지를 붙이며, 새로고침 뒤에도 남는지 확인할 수 있습니다.

• 원한다면 실제 .xlsx 파일로 카드를 내보내고 다시 가져오는 선택 과제를 해 볼 수 있습니다.

• 원하는 동작의 확인 기준을 먼저 적고, 시험에서 드러난 문제를 한 가지씩 고칠 수 있습니다.

• 책의 예시와 화면이 달라도 모양보다 조건과 실제 결과를 기준으로 판단할 수 있습니다.

처음부터 완벽하게 만들 필요는 없습니다. 작은 페이지를 만들고 실제로 써 보며 고치는 경험이 다음 작업의 출발점이 됩니다. 이제 첫 페이지를 함께 만들어 볼까요?

참고 링크

• https://code.claude.com/docs/en/how-claude-code-works

• https://code.claude.com/docs/en/quickstart