inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

Supabase 프로젝트 Claude 초기화

가이드문서에 관하여

80

이예찬

작성한 질문수 5

1

121강 2분 52초에 붙여넣는 가이드 문서에 대해서 질문드립니다.

 

1강부터 121강까지 오면서 최대한 모든 내용을 흡수하고 싶어서 따라할 필요 없다고 하신 부분도 전부 따라하면서 따라왔습니다. 또한 거기에 더해 현재 제가 진행중인 프로젝트들에 내 워크플로우로 적용해보려고 배운 내용을 활용해서 여러 과정을 시도해보고 여러 서브에이전트(개발용, 문서용 등), CLAUDE.md 메모리, mcp와 커스텀커맨드, task master ai를 활용한 태스크관리 등을 열심히 파봤는데,

 

정말 머릿속에서 명확히 하고 싶었던 개념이 바로 CLAUDE.md 메모리에서 프로젝트 구조, 개발지침, 서비스 정책 등을 전부 기술하지 않고 분리한 다음 CLAUDE.md에서는 해당 문서 위치만 참조하도록 참조위치를 남기는 것입니다. 그런데 지금껏 실습을 하던 과정에서 저 docs/guides 하위 5가지 문서를 어떤 과정으로 만드는지에 대한 내용을 다룬 적이 없는 것 같아 이전 강의들을 전부 돌려보면서 확인해보는데 찾을 수가 없었습니다.

 

제공해주신 깃허브 커밋히스토리를 찾아보다가
https://github.com/gymcoding/claude-nextjs-starters/commit/c26931ffa7713ace09151123dc83819402235976
해당 커밋에 스타터킷 관련 내용 강의 중 처음 추가된 것으로 생각되는데, 스타터킷 섹션에서 어떤 플로우로 이러한 가이드문서를 제작하고 지속적으로 수정해나가면서 더 좋은 가이드문서를 만들어내는지에 대한 내용을 도저히 찾을 수가 없습니다.

혹시 제가 찾지 못하는건가요? 아니면 강의로 직접 다루진 않았으나 잠깐 언급하시는 형태로 넘어갔었나요? 너무 배우고 싶은 내용입니다..

저 가이드 문서를 만드는 과정이 처음에는 공식문서 링크를 던져주면서 가이드를 제작하라는 프롬프트를 입력해서 제작을 하신 건지, 아니면 프로젝트 기술 스택을 함께 입력해서 보편적으로 사용되는 규칙들을 직접 프롬프트하신건지 너무 궁금합니다. 아니면 다른 방법인가요?

어떻게 보면 "범용적으로" 어떤 nextjs + shadcnui + tailwindcss + react hook + .. 의 환경을 사용하는 모든 프로젝트에 적용할 수 있는 가이드를 제작하신 건데, 어떻게 제작하고 CLAUDE.md에 연결하게 되신 건지 과정이 너무 궁금합니다. 또는 가이드문서를 따로 두는 기준이 있나요? 저 다섯가지로 초기에 구성한 이유가 궁금합니다.



질문 요약
1. 2:52에 붙여넣는 가이드문서들이 어떻게 만들어졌는지, 지난 강의에 해당 과정을 정확히 보여주신 부분이 있다면 해당 회차라도 알려주실 수 있나요?
2. 어떻게 "범용적으로" 사용가능한 개발 가이드 문서를 만드신 건가요? 그리고 가이드 문서를 따로 분리해야겠다고 생각하신 기준이 무엇인가요? CLAUDE.md의 길이가 길어지는 이유를 제외한 기준이 궁금합니다. 또한 분리를 결정하면 초기버전을 어떻게 제작하시는지 궁금합니다.

react 인공지능(ai) claude

답변 2

1

짐코딩

안녕하세요! 🙂

강의에서 직접 다루진 않았어요. 제가 스타터킷에 추가한 문서인데, 만드는 방법은 정말 간단해요.

내용이 짧은 경우엔 바로 복사해서 붙여넣기:

"아래 내용은 Tailwind CSS 공식 문서야. 이 프로젝트에서 참고할 수 있도록 docs/guides/tailwind.md 파일로 정리해줘. [복사한 내용 붙여넣기]"

내용이 긴 경우엔 파일로 저장 후 @ 참조:

"아래 파일은 Tailwind CSS 공식 문서야. 이 프로젝트에서 참고할 수 있도록 docs/guides/tailwind.md 파일로 정리해줘. @raw/tailwind-docs.txt"

거창한 게 아니라 공식 문서를 프로젝트에 맞게 메모해둔 것에 가까워요. CLAUDE.md에 모든 내용을 때려넣으면 길어지니까, 자주 참조할 내용은 파일로 빼고 CLAUDE.md에는 경로만 남겨두는 방식이에요.

팁으로 하나 더 말씀드리면,
복잡한 자료를 수집해서 md 파일로 만들고 싶을 때는 병렬 서브에이전트를 활용하는 방법도 있어요. [링크] 이 회차에서 web PPT 만드는 방법을 리서치해서 md 파일로 만드는 과정을 다루고 있는데, 여러 자료를 동시에 수집해서 하나의 컨텍스트 파일로 정리하는 흐름을 참고하시면 도움이 될 거예요 🙂

감사합니다!

0

이예찬

감사합니다. 직접 공식 문서를 넣어서 가이드문서를 만들고 프로젝트에 맞게 해당 가이드 문서도 계속 수정해가면서 점점 일관성을 갖추려고 노력하고 있어요. 실제로 효과도 확실한 것 같습니다.

공식문서를 활용한 가이드문서 초기 버전 생성 및 CLAUDE.md에 참조 연결

-> 직접 사용해보면서 나에게, 또는 이 프로젝트에 활용하기 위한 방향으로 수정

(수정은 제가 직접 하기도 하고, 더 좋은 수정방안을 탐색하기위해 claude에게 다시 물어보기도 합니다!)

-> 사용해보고 다시 수정

-> 수정 ... 반복

-> 점점 내가 원하는 결과물에 가까워짐

여러 번 반복해서 시도해보니까 느낌이 잡히네요. 계속 정진하겠습니다. 항상 감사합니다!

+ 함께 팀 프로젝트중인 팀원들에게 claude code를 정말 제대로 활용하기 위해 강사님 강의가 너무 유익하다고 광고중입니다..! 제 워크플로우에 장착하는 데에 점점 확실한 그림도 그려지고 있어요.

0

CK2

안녕하세요 해당 질문에서 더 궁금한 부분이 있어 질문드립니다. 복붙이나 길면 파일로 저장 후 참고해서 md 파일을 만드신다 하셨는데 각 기술스택 웹페이지 공식문서를 참고해서 만들어 달라고 하면 그건 별로 일까요?
추가적으로 만약 별로라면 파일로 저장하실 때 공식 문서들이 한 페이지로 되어 있지 않고, 여러 페이지로 나뉘어 있거나 그런데 모든 내용을 긁어와서 파일로 만드시는 건지 궁금합니다.

1

짐코딩

안녕하세요 CK2님! 🙂

질문 주신 부분 하나씩 답변드릴게요.

먼저 공식 문서 URL을 참고해서 만들어달라고 하는 방식이 별로인지에 대한 부분인데요. 이건 솔직히 별로다/아니다를 딱 잘라 말씀드리기 어렵습니다. 모델 성능과 어떤 기술 스택이냐에 따라 결과물 퀄리티가 꽤 달라지거든요.

그래서 이 방식이 별로인지 아닌지는 직접 써보시고 본인이 판단하셔야 해요. 지금은 별로라고 느껴져도, 앞으로 Opus 4.7, 4.8… 처럼 모델 성능이 좋아지면서 괜찮아지는 경우도 많습니다. 저도 예전에 잘 안 됐던 방식이 모델 버전업 후에 자연스럽게 잘 되는 걸 직접 경험했어요. 그래서 본질적으로 "이 방식이 별로인가?"에 대한 답은 본인의 경험에서 나와야 합니다.

다음으로 공식 문서가 여러 페이지로 나뉘어 있을 때 모두 긁어오는지에 대해서는, 모두 긁어오지는 않습니다. 그 작업에 필요한 부분만 가져와요. 예를 들어 Next.js로 레이아웃을 설계한다면 레이아웃 관련 문서만 참고하는 식이죠.

마지막으로 이건 어디까지나 제 방식이고 정답은 아니라는 점 말씀드리고 싶어요. 저는 뭐든 정확한 걸 좋아해서 공식 문서 내용을 직접 copy 해서 컨텍스트로 첨부하는 편입니다. 내용이 길면 클로드에게 요약해달라고 한 뒤, 제가 원하는 부분이 컨텍스트에 잘 포함되어 있는지 한 번 더 확인해요.

참고만 해주시고, CK2님께 맞는 방식을 찾아가시면 좋을 것 같아요.

감사합니다 🙂

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다. 이예찬님.

질문해 주신 내용을 바탕으로 클로드 코드 강의에서의 가이드문서 작성 및 관리에 대한 방법을 설명드리겠습니다.

1. 가이드 문서 제작 과정과 강의 내 존재 여부

먼저, 121강에서 2분 52초에 등장하는 가이드 문서의 존재에 대해 말씀드리면, 클로드 코드는 일반적으로 특정 규격에 맞게 프로젝트를 세팅하고 문서화하지만, 모든 과정을 세세하게 다루지는 않을 수도 있습니다. 이는 복잡한 AI 개발 환경에서는 선제적인 지침과 메타데이터가 필요할 수 있음을 보여주는 사례로 볼 수 있습니다.

직접적으로 강의에서 이러한 문서 작성이나 제작 과정을 분명히 보여주지 않는 경우도 있을 수 있습니다. 그럴 경우, 지식을 얻기 위해서는 관련된 프로젝트 문서, 혹은 지침으로 제공되는 커밋 내용 등을 기반으로 학습해야 합니다.

강의에서 이 과정을 명시적으로 보여주지 않았다면, 강의 커밋 히스토리를 통해서 커맨드나 지침을 이해하려는 시도를 추천합니다.

2. 범용적 사용 가능성 및 문서 분리 기준

범용적인 개발 가이드 문서는 다음과 같은 절차를 통해 제작할 수 있습니다:

  • 프롬프트 설계: 클로드 코드나 AI 기반의 도구가 이해할 수 있도록 프로젝트의 기술 스택과 서비스 정책 등을 꼼꼼하게 프롬프트합니다. 이때 특정 API 문서나 기술 블로그, 공식 문서 등을 기반으로 AI에게 기본 정보를 제공합니다.
  • 프로젝트 범위와 환경 조사: 프로젝트 내에서 반복적으로 쓰이는 모범 사례를 규명하고 이를 문서에 체계적으로 정리합니다.
  • 가이드 문서 업데이트: 개발 중간 중간에 생기는 기술 변경이나 정책 업데이트를 즉시 반영하여 항상 최신의 상태가 되도록 합니다.

문서를 따로 두는 기준은, CLAUDE.md의 길이 외에도 프로젝트의 복잡도, 각 도메인 특성(프론트엔드, 백엔드 등)을 고려하여 생성 및 분리할 수 있습니다. 초기에 문서를 제작할 때는 최소 요구 사항을 중심으로 정의하며, 이후 피드백을 바탕으로 업그레이드하는 방식이 권장됩니다.

범용적인 문서는 가장 기본적인 API 사용법, 코드 스타일 가이드라인, 에러 핸들링 방법 등을 포함하게 됩니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

PRD 생성 서브에이전트

0

1

1

클로드 코드 토큰 절약 공식 플러그인 4개

0

5

0

계획 관련 md파일 질문입니다!

0

15

1

Claude / 터미널 기본명령어

0

16

4

gitignore에 로컬 셋팅 반영 안됨 이슈

0

11

2

git 연동

0

15

1

60강 .claude -> rules (memory)

0

23

1

Plan 모드 활성화 상태에서 해당 모드가 정상 동작 하지 않습니다.

0

20

1

prd-generator.md 서브에이전트 생성 오류

0

19

1

프롬프트 작성시 " \ " 관련 질문

0

28

2

미션9 user memory 누르면 메모장이 뜹니다.

0

24

2

Cursor 터미널에서 스크린 복붙이 안되요

0

29

2

미션 7 관련 url 접속이 안되어 문의드립니다.

0

21

2

plan 모드가 동작하지 않습니다.

0

23

2

mac 클로드 코드 설치 후 오류

0

28

2

92~93강 프롬프트 서브에이전트 공유

0

30

2

강의에 나오는 마우스 스클

0

22

2

데스크톱IDE채팅창 VS 데스크톱IDE 터미널

0

23

1

안티그래비티 확장프로그램

0

29

2

cd 명령어가 안들어요

0

26

2

클로드 데스크앱과의 차이

0

30

1

nmp run build의 기능

0

23

2

plan mode 개발 계획안 확인 불가

0

25

3

max x5 플랜을 결제했습니다.

0

32

2