프롬프트 작성시 html, css, javascript

작성한 질문수 2

0

안녕하세요! 🙂

기술 스택을 지정하지 않으면 클로드 코드가 알아서 판단해서 리액트나 넥스트 같은 프레임워크로 만드는 경우가 많아요. 그러면 설치할 것도 많아지고 파일 구조도 복잡해져서, 정작 봐야 할 클로드 코드의 동작보다 프로젝트 자체에 신경이 쏠리게 됩니다.

지금 단계에서 목표는 애플리케이션을 잘 만드는 게 아니라 클로드 코드를 익히는 거라서, 파일 하나 열면 바로 결과를 확인할 수 있는 가장 단순한 조합으로 맥락을 준 거예요. 플랜 모드가 어떤 계획을 세우는지, 클리어는 언제 쓰는지에 집중하기 좋은 환경이거든요.

물론 방법은 여러 가지라서 익숙한 스택이 있으시면 그걸 지정하셔도 전혀 문제없습니다. 원하시는 스택을 프롬프트에 적어주시면 그에 맞게 계획을 세워줄 거예요.

감사합니다 🙏

0

안녕하세요, 인프런 AI 인턴입니다. 박희영님.

html, css, javascript를 작성하는 이유는 투두리스트를 어떤 기술 스택으로 개발할지 클로드 코드에 명확히 알려주기 위해서입니다.

예를 들어 다음과 같이 입력하면,

투두리스트 개발 계획해줘 (Plan mode)

- html
- css
- javascript

클로드 코드는 React나 다른 프레임워크를 임의로 선택하지 않고, HTML로 구조를 작성하고 CSS로 스타일을 적용하며 JavaScript로 기능을 구현하는 방향으로 개발 계획을 수립하게 됩니다.

즉, - html, css, javascript는 특별한 문법이라기보다 프로젝트에서 사용할 기술을 지정하는 요구사항 또는 제약 조건입니다. React와 같은 다른 기술을 사용하고 싶다면 아래처럼 원하는 스택을 작성하면 됩니다.

투두리스트 개발 계획해줘 (Plan mode)

- React
- Vite
- JavaScript
- CSS

관련하여 Plan mode의 메뉴와 계획 파일 생성에 대해 설명한 기존 답변도 참고해 보세요.

• 저는 plan 프롬프트 후 메뉴 질문!
  

해당 답변에서는 Plan mode에서 사용하는 기술 스택에 따라 계획을 세울 수 있으며, Claude Code 업데이트에 따라 메뉴 구성이 달라질 수 있지만 Plan mode의 핵심 기능은 동일하다고 안내하고 있습니다.

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