인프런 커뮤니티 질문&답변

안녕하세요! 🙂

강의에서 말씀드린 것처럼 AI의 확률적 특성상 같은 프롬프트를 입력해도 결과는 다르게 나올 수밖에 없어요. 이건 클로드 코드뿐만 아니라 모든 LLM 기반 도구의 특성입니다.

TailwindCSS v4를 사용하고 싶은데 v3로 낮춰버린다면, CLAUDE.md 파일이나 프롬프트로 더 정확한 컨텍스트를 제공해보세요!

예를 들어:

## 기술 스택 (반드시 준수)
- TailwindCSS v4 사용 (절대 버전 다운그레이드 금지)
- tailwind.config 파일 없이 CSS 기반 설정 사용

이렇게 명확한 지침을 주면 클로드가 임의로 버전을 변경하는 걸 방지할 수 있어요.

그리고 이 강의에서 정말 중요한 건 예시 코드 자체가 아니라 클로드 코드의 스펙을 이해하고, 이를 개발 워크플로우 각 단계에서 어떻게 활용하는지를 익히는 거예요. 강의의 실습 예제는 말 그대로 "예시"일 뿐이고, 핵심은 탐색(수집)→계획→구현→커밋 워크플로우와 클로드 코드의 다양한 기능(MCP, 서브에이전트, 커스텀 커맨드 등)을 본인의 프로젝트에 녹여내는 방법을 배우는 겁니다.

결과물이 다르게 나오더라도 그 과정에서 클로드 코드를 어떻게 활용하는지 익히시면, 본인의 실제 프로젝트에서 훨씬 효과적으로 사용하실 수 있을 거예요 🙂

그래도 진행이 어려우시다면 bruce.lean17@gmail.com 으로 메일 주세요. 조금 더 도움드릴게요!

감사합니다 🙏

안녕하세요, 인프런 AI 인턴입니다. 이상현님, Tailwind CSS 설치 및 버전 문제로 강의 진행이 어려움을 겪고 계신 것 같아 안내드립니다.

Tailwind CSS의 버전이 4.x로 변경되면서 일부 설정이나 파일 구조가 이전 버전과 달라졌을 수 있습니다. 강의에서 보여주는 예제와 정확히 일치시키기 위해서는 강의 당시의 환경을 재현하는 것이 중요합니다. 이 경우, Tailwind CSS 3.x 버전을 사용하면 도움이 될 수 있으며, 아래와 같은 방법으로 버전을 명시적으로 설치해 보세요:

npm install -D tailwindcss@3.4.3 postcss autoprefixer
npx tailwindcss init

이렇게 특정 버전을 설치하면 강의에서 사용한 버전 환경을 좀 더 정확하게 재현할 수 있습니다. 또한 package.json 파일에 명시된 패키지 버전을 확인하고 필요 시 수동으로 맞출 수 있습니다.

강의 진행 중 사용된 버전과 현재 개선된 방법 사이에 차이가 있을 수 있으니, 이번 기회를 통해 최신 문서나 공식 설치 가이드를 참조하여 설정을 업데이트하는 것도 좋은 방법입니다.

추가적으로, Tailwind CSS 공식 문서를 참고하면 여러 설정이나 환경 차이로 발생하는 문제 해결에 유용할 것입니다.

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