강의

멘토링

로드맵

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

info님의 프로필 이미지
info

작성한 질문수

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

오류 수정과 명확한 프롬프트 엔지니어링

질문!!

작성

·

37

0

선생님의 강의를 계속따라해서 run dev로 실행했는데, 저는 선생님과 다르게 해더 메뉴에 예제와 문서 해더가 없고 홈과 대시보드 해더만 있어서, 클로드코드에게

선셍님이 사용하시는 방법으로

예제 와 문서 해더를 추가해줘 라고 단계별로 설명해서 명령을 입력 해주었는데 아래와 같은 오류가 뜨는데 무슨 오류일까요??

아예, 개발 생초보 개발에 대해서 모르는 사람입니다.
일단은 결과는 맨아래 스샷으로 나오긴했습니다.

 

 

image.pngimage.pngimage.png

 

답변 1

0

짐코딩님의 프로필 이미지
짐코딩
지식공유자

안녕하세요! 🙂

스크린샷 보니 결과적으로 잘 만들어지셨네요. 몇 가지 짚어드릴게요.

먼저, 강의에서 나온 UI랑 본인이 만든 UI가 다른 건 비정상이 아니에요. 오히려 완전히 정상입니다. AI는 같은 프롬프트를 입력해도 매번 다른 결과를 만들어낼 수 있어요. 강의에서도 언급하는 AI의 특성이에요. 강의 화면이랑 똑같이 나와야 한다는 생각은 내려놓으셔도 돼요.

헤더가 없으면요? "헤더 추가해줘"라고 요청하면 됩니다. 그게 전부예요.

원하는 모양의 헤더가 아니면? 원하는 정보의 맥락(컨텍스트)를 넣어주시면 돼요. 스크린샷이미지 색상, 톤 등등 다양한 컨텍스트를 넣어서 프롬프트 해주시면 돼요.

그리고 오류가 났을 때 당황하지 않으셔도 돼요. 오류는 개발의 일부예요. 오류 없이 개발하는 건 불가능하고, 오류를 수정하는 것 자체가 개발 과정이에요. 이번처럼 오류 메시지랑 스크린샷을 함께 클로드 코드에 던져주면 알아서 고쳐줘요. 실제로 스크린샷 보면 클로드 코드가 TypeScript 오류를 스스로 수정한 것도 확인되시죠?

지금 겪으신 상황 전부 다 정상적인 개발 과정이에요. 잘 하고 계십니다 💪

감사합니다!

info님의 프로필 이미지
info

작성한 질문수

질문하기