inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

개발 워크플로우: UI/UX 개선하기

선생님 강의토대로 개발중인데 질문이 하나있습니다 급함

46

info

작성한 질문수 15

0

현재 정산 에이전트웹을 개발중인데,

제가 원하는 방향의 html미리보기는 제대로 랜더링이 되는데

 

로컬호스트의 next.js 개발환경에서는 계속 원하는 값을 넣어주고해도
밑에 그림상처럼 이 같은 화면으로만 계속 나타나는 현상이 있습니다.

image.png

제가 원하는 화면은 이런화면인데말이죠

image.png


근데, 로컬호스트 개발환경으로 불러올때는 이런식으로 불러오지를 못해서 어떻게 해결해야하는지 고민입니다.. 방법이 있을까요

react 인공지능(ai) claude

답변 2

0

짐코딩

안녕하세요! 🙂

아래 세 군데를 봐주세요.

  • 서버 로그npm run dev 실행한 터미널에 빨간색 에러나 경고가 있는지

  • 개발자 도구 콘솔 로그F12 → Console 탭에 에러가 있는지

  • 개발자 도구 네트워크 탭 — 새로고침 후 못 가져온 리소스(빨간색, 404 등)가 있는지

여기서 나온 로그나 캡처를 컨텍스트로 제공하고 다시 프롬프팅해보세요~! 클로드 코드는 단서를 많이 줄수록 정확히 잡아줘요.

그리고 같은 로그로 2~3번 시도해도 안 되면, 같은 컨텍스트를 반복하기보다 다른 컨텍스트를 제공해주시는 게 돌파구가 돼요. 이 케이스라면 이런 것들이요.

  • 원하는 화면(다크 테마·사이드바)의 미리보기/목업 코드

  • 지금 이 화면을 그리는 컴포넌트 파일

  • 스타일을 넣은 방식(Tailwind인지 CSS 파일인지 등)

미리보기 디자인이 프로젝트 컴포넌트로 옮겨지지 않았거나, 다른 컴포넌트가 그 자리에 렌더링되고 있을 수 있어서, 위 컨텍스트를 함께 주시면 원인이 훨씬 빨리 좁혀집니다.

일단 개발자도구로 디버깅을 해봐야 정확히 알 수 있을 거 같아요~!


감사합니다 🙏

0

info

css파일이 누락된문제인가요? 한 10번째 오류해결해달라고햇는데... 전혀 해결을 하지못하는상황입니다.. 클로드코드가..

커서 색상 및 클로드코드 프롬프트 입력칸 설정 문의

0

9

1

클로드 질문에서 줄 바꿈

0

12

1

2강 퀴즈를 푸려는데 자꾸 수강하지 않은 수업이있는데.. 다들었습니다 ㅜ

0

15

1

37강에서 ROADMAP.md 파일

0

34

2

.claude, setting~, permission 했을 때 Bash 안 보여요

0

28

2

[미션4] open with Live Server 클릭시 브라우저 안뜸

0

31

3

사용량 한도 도달

0

40

2

Cursor를 실행했을 때 나오는 화면이 달라요

0

30

2

Claude code 대화하는 부분이 위치변경 문의 드립니다.

0

32

2

setting.local.json 파일 안보일떄

0

32

2

Shrimp Task Manager와 Fable5 plan모드 성능비교

0

38

2

git hub 들어가서 setting >> pages 들어갔는데

0

39

2

git config 오류 관련 문의

0

42

2

task master, shrimp task manager 질문있어요

0

24

1

모델 선정 기준

0

44

2

Statusline 결과값 보이지 않는 이유

0

45

2

강의교안, 소스코드 링크 문제

0

34

2

config 들어가도 output-style 없어요

0

30

2

프로젝트 이름

0

42

1

왼쪽 창이 달라요

0

50

2

이정도면 영상 다시 찍어야 되는거 아닌가요

0

69

2

statusline 문의드려요

0

51

2

화면을 tmux로 어떻게 열수 있나요? (VS 사용중)

0

53

2

진행이안되네요

0

45

2