inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

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

질문!!

52

info

작성한 질문수 14

0

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

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

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

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

 

 

image.pngimage.pngimage.png

 

react 인공지능(ai) claude

답변 1

0

짐코딩

안녕하세요! 🙂

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

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

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

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

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

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

감사합니다!

.md 파일명 대소문자 구분 문의

0

2

0

/output-style 이 안뜹니다

0

7

2

프로젝트 초기화 문제

0

2

1

섹션8,9부터는 진짜 못따라가겠어요...ㅠㅠ

0

7

1

파워쉘에서 이미지 복붙이 안됩니다.

0

8

1

160 강의 ppt-maker에 대해

0

12

1

이벤트 관리 앱 프로젝트 개발 순서

0

8

0

supabase next.js와 mcp

0

8

0

스테이징 10000개

0

9

1

160. Claude Code로 PPT 만들기 관련 질문

0

11

1

task master 관련질문입니다.

0

13

1

터미널 시작폴더가 달라요

0

27

2

my-profile-site 404 error

0

19

2

노션 .env.local

0

26

1

shrimp_data - WebGUI.md

0

21

2

powershell 복붙 문제

0

26

2

디렉토리가 보이지 않아요.

0

26

1

쉬림프 설치

0

20

2

tsakmaster api키

0

25

1

terminal-setup을 해도 shift+Enter 키로 줄바꿈이 되지 않아요.

0

24

2

ll- al 명령어 관련 문의

0

31

1

cursor ui 변경 문의

0

31

1

상태 표시줄 설치 오류

0

36

1

API 400알람 관련문의

0

37

2