inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

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

질문!!

81

info

작성한 질문수 15

0

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

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

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

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

 

 

image.pngimage.pngimage.png

 

react 인공지능(ai) claude

답변 1

0

짐코딩

안녕하세요! 🙂

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

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

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

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

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

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

감사합니다!

rules 폴더나 CLAUDE.md 파일 관리 관련 질문

0

11

1

cursor 안에서 다운로드 안되는 게 많은데 대체가 필요할까요

0

29

2

업데이트로 인한 에이전트 생성 변경

0

26

2

starter kit 프로젝트에 prd 문서 만들기

0

37

2

명령어 여러줄 입력방법?

0

38

2

ctrl + 't' 단축어가 안먹어요

0

30

1

클로드코드 계획 보고 방법 알고싶어요.

0

42

2

실무 버전 출시는 언제?

0

39

1

예시 1, 2, 3에서 질문있습니다.

0

42

2

Cursor 프로젝트 목록 및 작업 환경 동기화 문의

0

36

1

파워쉘, 터미널

0

43

2

스킬과 서브에이전트 병행 사용 질문

0

52

2

터미널에서 커서 AI 직접 실행

0

40

2

이런 경우는 어떤 조치를 취해야할까요?

0

46

2

outputStyles, rules

0

47

2

hooks 설정이 안되요

0

51

2

영상 최신으로 엡데이트 요청

0

71

2

소스 코드가 회사 보안 프로그램에 막혀서 안 보여요.

0

62

2

claude code 상태표시줄 궁금합니다!

0

53

2

설치의 필요성

0

83

2

시작하기전에 질문 드립니다.

0

66

2

output style이 안나와요

0

55

2

교제 노션 복제 방법 문의

0

61

2

output style은 뭘선택하나요?

0

48

1