inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

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

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

58

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번째 오류해결해달라고햇는데... 전혀 해결을 하지못하는상황입니다.. 클로드코드가..

Next.js설치 후 shadcn설치 오류

0

7

1

서브에이전트

0

13

1

개인적인 질문인데요..

0

29

1

shrimp task manager 사용 관련 질문입니다.

0

25

1

메모리 , rule

0

34

2

클로드 코드로 제작된 앱 검증

0

44

3

자꾸 수정하면 git관련한게 나오네요

0

48

3

초기 세팅에 대해서 정리한 문서가 있을까요?

0

44

2

첫 강의 이후 1년이 지났는데 괜찮을까요.

0

49

2

클로드 코드 실행 방법 문의

0

43

2

안녕하세요 ai툴 질문있습니다.

0

56

2

Python 문의드립니다.

0

48

1

슬랙 연동 방법 및 파일 관련 질문

0

44

2

터미널앱으로 Terminus 사용 문의

0

42

1

스킬생성 후 업데이트.

0

48

2

강의 화면이랑 조금 달라 문의드립니다.

1

49

2

서브에이전트 활용 질문입니다.

0

61

3

plan mode를 진행하는것에 있어서

0

48

2

클로드 코드 설치 관련

0

56

2

스타터킷 중요도에 대한 질문입니다.

0

54

2

전체적인 개발에 대해 문의드립니다.

1

76

2

줄바꿈 시 \ 필수인가요?

0

77

2

2605 이후 최신 클로드코드 강의 추가 부탁드립니다.

0

81

2

커리큘럼 문서 제공받을 수 있을까요?

0

67

1