강의

멘토링

로드맵

인프런 커뮤니티 질문&답변

info님의 프로필 이미지
info

작성한 질문수

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

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

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

작성

·

36

·

수정됨

0

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

--

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

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


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

 

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

2.JPG.webp

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

해결방법이 있을까요??

답변 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라는 작업을 진행하고 확인하고

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

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

 

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

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

info님의 프로필 이미지
info

작성한 질문수

질문하기