기능 개발

1. 무엇을 만드나

이번 강의부터 예시로 기능 하나를 만들어 봅니다: 긴 글을 붙여넣으면 3줄로 짧게 요약해 주는 페이지입니다. 이걸 예제 삼아 "기능을 만드는 과정"을 익힙니다(실무에서 만들 기능도 방식은 똑같습니다). 다음 강의들에서 이 페이지에 계속 살을 붙입니다.

기능은 코드를 직접 짜지 않고 말로 설명하면 됩니다. 무엇을 만들지 설명하고 중간에 나오는 확인 질문에 답하면, 나머지(코드 작성·검증·합치기)는 develop 워크플로우가 알아서 진행합니다. 개발 요청이면 이 워크플로우가 자동으로 적용되니, 무엇을 만들지 말하기만 하면 됩니다.

2. 실행

프로젝트 안(src)에서 Claude Code 를 켭니다. my_project 는 본인 프로젝트 폴더 이름입니다.

# 🖥️ 서버 터미널
gildong@ip-172-31-39-132:~$ cd ~/my_project/src
gildong@ip-172-31-39-132:~/my_project/src$ claude

Claude Code 안에서 위 요약 페이지를 만들어 달라고 자연어로 요청합니다. 기능을 담을 앱 이름과 만들 것을 함께 적습니다.

summarizer 앱에 글을 입력받아 3줄로 요약해 보여주는 페이지 만들어줘

• summarizer = 앱 이름(이 기능이 담길 곳).
• 뒤 문장 = 만들 것 설명.

3. 확인 질문에 답하기

develop 워크플로우는 진행 중에 중간중간 멈추고 물어봅니다. 화면에 보여 주는 내용을 읽고 답하면 됩니다. 그중 꼭 확인할 두 가지는 이것입니다.

1. 계획: "이런 파일을 이렇게 바꾸겠다"를 보여 줍니다. 괜찮으면 진행을, 바꿀 게 있으면 무엇을 바꿀지 적습니다.
2. 스펙: "이렇게 동작해야 한다"를 정리해 보여 줍니다. 괜찮으면 진행을 답합니다.

이 확인들에 답하면 코드 작성, 자동 검증, 합치기까지 진행됩니다. 끝나면 개발 서버 주소에서 만든 화면을 확인합니다.

마무리

• 핵심 정리: {앱 이름} 에 {만들 것} 만들어줘 로 요청하고, 계획과 스펙 확인 질문에 답해 기능 하나를 만들었습니다.
• 주의 사항: 설명이 막연하면("좋은 요약 앱 만들어줘") 엉뚱하게 나옵니다. 무엇을 입력하면 화면에 무엇이 보이는지를 한 문장씩 적으면 정확해집니다. 한 번에 큰 걸 시키지 말고 한 가지 일부터 하세요.
• 다음 시간: AI API 키 발급.