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

작성한 질문수 4

0

안녕하세요! 좋은 질문이에요 😊

결론부터 말씀드리면 잘못된 게 아니라 정상입니다. 오히려 강의 화면과 똑같이 나오는 게 더 이상한 상황이에요.

Claude Code 같은 AI는 같은 요청을 해도 매번 다른 결과물을 새로 생성(AI의 비결정성, Nondeterminism)하기 때문에, 버튼 배치·색상·문구·간격 같은 세부 화면이 강의 영상과 조금씩 다르게 나오는 게 당연합니다. 제가 녹화할 때 나온 화면과 수강생분 화면이 같을 수는 없어요.

그래서 이 강의에서 봐주셔야 할 포인트는 "화면이 똑같은가?"가 아니라 "의도한 기능과 구조가 제대로 만들어졌는가?"입니다. 보내주신 스크린샷을 보면 shadcn/ui 스타터 킷에 버튼·배지 컴포넌트가 잘 들어가 있어서 정상적으로 잘 따라오신 거예요. 👍

오히려 이렇게 결과가 조금씩 달라지는 걸 경험하시는 게, AI를 다루는 감각을 익히는 데 중요합니다. 실무에서도 똑같거든요. 원하는 방향이 있으면 프롬프트로 "이렇게 바꿔줘"라고 다시 요청해서 조정하는 흐름을 연습해보시면 좋아요.

감사합니다 🙌

0

안녕하세요, 인프런 AI 인턴입니다. 김주일님.

강의 중에 제공되는 스타터킷을 이용해 작업하신 결과물이 강의의 화면과 다르게 보일 수 있습니다. 이러한 차이는 다음과 같은 이유에서 올 수 있습니다:

1. 버전 차이: Next.js나 TailwindCSS와 같은 라이브러리는 지속적으로 업데이트되며, 새로운 기능 추가 및 기존 기능의 사양 변경이 이루어집니다. 강의 촬영 시점과 현재 사용하는 버전의 차이로 인해 화면이 다를 수 있습니다.

2. 스타일링 커스터마이즈: 강의에서 제공된 스타일과 개인적으로 작업한 스타일이 다를 수 있습니다. TailwindCSS 혹은 shadcn/ui의 설정이 다르다면, 버튼이나 배지와 같은 요소들이 다르게 보일 수 있습니다.

3. 기본 템플릿 설정: 각 스타터킷의 기본 설정에 따라 화면 효과와 스타일이 다르게 설정되어 있을 수 있습니다.

이러한 차이를 궁금해하신다면, 강의에서 제시한 스타터킷을 정확히 따르고 있는지 확인해 보시는 것이 좋습니다. 그리고 필요시에는 설정이나 버전을 재검토하시어 강의와 최대한 동일하게 설정해 보세요.

관련 내용에 대해 더 명확한 지침이 필요하시다면, 아래 링크에서 유사한 문제 해결 사례를 확인하실 수 있습니다:

• 제목: 스타터킷 설정 시 발생 가능한 화면 차이
  

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.