inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

AI 활용 프로젝트 생성 2: UI 개선

혹시 ui는 어떻게 확인하나요...html파일이 없는데..

82

info

작성한 질문수 15

0

혹시 이번강의 파일에 index.html 파일이 없는데 ui는 어떻게 확인하나요

--

방금 어찌저찌해서 npm run dev를 사용해서

Screenshot 2026-03-25 at 14.07.59.JPG.webp


이런식으로 깨져서 나오는데 뭐가 문제일까요..

 

--
추가로, 클로드코드한테 디자인좀 수정해줘라고햇더니 테일와인드가 잘못되엇다고 수정해준다고해서 수정해서 다시만들엇는데

2.JPG.webp

이런식으로 나오는데...더이상 진행이 안되네용

해결방법이 있을까요??

react 인공지능(ai) claude

답변 1

0

짐코딩

안녕하세요 🙂

  1. 우선 UI 확인 즉, 현재 프로젝트를 실행하고 확인하는 방법은! 강의에서 보여드린 것처럼 터미널에서 npm run dev 라는 명령어를 치시면 터미널에 현재 로컬 pc에서 접속할 수 있는 url 이 표시될 거예요 예를들어 localhost:3000 이러한 url이 표시돼요 그러면 이러한 url을 크롬 브라우저에서 확인하시면 돼요~!

  2. 그리고 말씀하신 질문만으로 제가 문제 원인을 찾고 해결 방법을 드리기 어려워요. 하지만 이건 말씀드릴 수 있는게

Next.js 프로젝트를 셋팅하고 npm run dev 로 잘 동작하는지 브라우저에서 확인하고

xxx라는 작업을 진행하고 npm run dev 로 잘 동작하는지 확인하고

또 yyy라는 작업을 진행하고 확인하고

또 zzz라는 작업을 진행하고 확인하고

초보자 경우일 수록 뭐하나 수정한 후에 자주 확인해야돼요!

지금과 같은 경우는 한꺼번에 여러면 코드 요청한후에 확인하신 느낌이 있어서 말씀드려요.

 

일단 현재 문제를 저에게 질문하신 것처럼 "스크린샷" 그리고 터미널에 오류가 있는 경우 오류까지 포함해서 클로드에게 수정해달라고 요청하시는게 더 정확히 파악할 수 있어요.

스크린샷, 오류로그, 지금까지 하셨던 작업, 코드 등 다양한 맥락과 함께 요청해 보시겠어요?

live server, korean 을 검색해도 아무것도 나오지 않음

0

8

0

커서질문

0

16

1

SUPABASE에서 AOI 선택여부

0

14

2

클로드 코드 터미널 사용시 git, git 허브 활용 법

0

20

1

mcp.json파일 생성 X

0

19

2

강의 내용이 정신이없네요 ;;

0

34

2

제 컴퓨터에서는 Claude's plan이 아래와 같이 나오는데 괜찮은 건가요?

0

21

2

강의에서 사용하는 prompt

0

20

2

window 11 환경 + git bash 터미널 statusline 반영이 안됩니다 ㅠ

0

23

2

프로젝트를 커밋할때 알려주세요

0

24

1

작업결과물이 수업내용의 화면이 좀 다르네요

0

32

2

강의 도중 에러가 발생합니다.

0

31

2

사진과 같이 영상에 한글이 실시간으로 영어로 번역되어 보입니다

0

32

2

커밋버튼 비활성화

0

29

2

Cursor 질문

0

24

2

웹사이트 구축 질문

0

36

1

플러그인, git repo 설치 및 삭제

0

27

1

162 자료

0

22

2

supabase mcp로 테이블 생성 보여주실떄

0

30

2

settings.local.json

0

35

2

notion 에이전트와 prd-generator 에이전트와의 관계

0

32

2

PRD.md

0

36

2

클로드코드 단축키 문의

0

31

1

Shrimp Task Manager npx 설치 질문

0

36

1