03장

3단계: 아이디어 정리하기

01.
내가 만들고 싶은 앱에 대해 정리해 볼 거야. 내가 말하기 전까지는 코드를 작성하지 마.

- 필요할 때마다 RSS를 사용해 해외 AI 뉴스를 수집해서 카드 형태로 요약 뉴스를 보여주는 앱이야.
- 클로드 AI가 한국어로 번역/요약할 거야.
- 앱을 실행하면 우선 로그인해야 해.
- ‘뉴스 가져오기’ 버튼을 클릭하면 뉴스를 가져오고,
- 가져온 뉴스는 자동으로 카테고리별로 분류되어야 해.
- 카테고리에 해당하는 뉴스만 골라서 볼 수도 있고, 카테고리는 나중에라도 추가, 삭제, 업데이트할 수 있어.
- 뉴스 카드에는 ‘notion 저장’ 버튼이 있어서 이 버튼을 클릭하면 노션에 선택한 뉴스를 저장할 수 있어.

뉴스를 가져올 AI 뉴스 사이트
- TechCrunch AI 섹션 (https://techcrunch.com/category/artificial-intelligence/feed/)
- The Verge AI 섹션 ( https://www.theverge.com/rss/ai-artificial-intelligence/index.xml)

사용할 기술 스택
- 프레임워크: Next.js
- 로그인: Clerk
- 데이터베이스: Neon, Drizzle ORM
- 번역, 요약, 카테고리 분류: 클로드 API
- 노션 저장: 노션 MCP 서버

02.

---

[한 걸음 더!] 더 꼼꼼하게 기획하고 싶다면 클로드 코드에게 질문하게 하세요

내가 만들고 싶은 앱에 대해 정리해 볼게.
내가 작성한 계획을 모두 이해할 수 있을 때까지 질문해 줘.
[뉴스 수집기 앱 기능 작성하기]

---

[Do it! 실습] PRD.md 작성하기

01.
지금까지 정리한 내용을 바탕으로 PRD.md 파일을 만들어 줘.

02.

---

[Do it! 실습] Next.js 프로젝트 설치하기

01.
/clear

02.
PRD.md를 읽고 Next.js 프로젝트를 설치해 줘.
아직 앱 코드는 작성하지 마.

03.

04.

---

[Do it! 실습] CLAUDE.md 만들기

01.
/init

02.
방금 사용자 관리 기능을 완성했어.
바뀐 폴더 구조와 새로 추가된 패키지를 CLAUDE.md에 반영해 줘.

---

[Do it! 실습] PRD.md 작성하기

01.
지금까지 정리한 내용을 바탕으로 PRD.md 파일을 만들어 줘.

---

[Do it! 실습] 클로드 코드로 첫번째 커밋하기

01.
/clear

02.

03.
지금까지 작업한 내용을 커밋해 줘.
PRD.md 작성, Next.js 설치, CLAUDE.md 생성까지 완료했어.
커밋 메시지는 한글로 작성해 줘.

04.

05.