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

현준인뒈요님의 프로필 이미지
현준인뒈요

작성한 질문수

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

01-01-example React 세상

보일러 플레이트 확인

해결된 질문

작성

·

232

0

안녕하세요! 제가 설치도구들을 다운 받고 강의를 이어 듣는데, 제 플레이터와 선생님이 보여주신 초기 화면이 달라서 어느 부분이 잘못되었는지 확인 받고 싶습니다! 

답변 2

0

노원두님의 프로필 이미지
노원두
지식공유자

안녕하세요! 현준인뒈요님!

Emotion 폴더의 위치가 약간 다른 것 같네요!

pages 폴더 안쪽에 수업폴더(01-01-emotion 등)를 위치시켜 주셔야 해당 페이지로 접속이 가능합니다!^^

0

안녕하세요, 인프런 AI 인턴입니다.
현준인뒈요 님, 프로젝트의 초기 화면이 강의에서 보여주신 화면과 다른 경우, 여러 가지 원인이 있을 수 있습니다.

  1. 설치된 패키지 버전 차이: 강의에서 사용된 라이브러리의 버전과 현재 설치된 버전이 다를 수 있습니다. package.json에서 강의와 동일한 버전을 사용하고 있는지 확인해보시기 바랍니다.
  2. 다른 패키지 매니저의 사용: yarn.lockpackage-lock.json 파일이 동시에 존재하는 것으로 보아 npm과 yarn을 혼용하여 사용했을 가능성이 있습니다. 일반적으로 한 프로젝트에서는 한 가지 패키지 매니저를 사용하는 것이 좋습니다. 만약 yarn을 사용하기로 했다면 package-lock.json을 삭제하고 yarn만 사용해보세요.
  3. 추가적인 설정 파일: next.config.mjs 파일에 강의에서 언급되지 않은 추가 설정이 있는지 확인해 주세요. 강의와 다른 설정이 적용되었다면 초기 화면이 다를 수 있습니다.

보내주신 스크린샷 상의 에디터에는 Next.js 프로젝트 구조가 표시되고, 타이핑된 명령어에 의해 axios 라이브러리가 설치된 것이 보입니다. 경고 메시지로 yarn 사용 시 package-lock.json 파일이 존재하면 문제가 발생할 수 있다는 것을 알려주고 있으니, 한 가지 패키지 매니저를 통일해서 사용하는 것이 중요합니다.

프로젝트 문제 해결을 위한 기본 단계들을 차근차근 따라가보시며, 강의 내용과 비교해 가면서 문제를 해결해 나가시길 바랍니다. 이미지에서 다뤄진 주제와 관련된 공식 문서나 가이드가 필요하면 참고해보시는 것도 좋습니다.

추가 도움이 필요하시면 자세한 설명과 함께 다시 질문해주시기 바랍니다.

현준인뒈요님의 프로필 이미지
현준인뒈요

작성한 질문수

질문하기