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

작성한 질문수

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

상품 상세 페이지 구현 - 2

상품 상세 페이지 구현 -2 오류 문의

해결된 질문

작성

324

상품 상세 페이지 구현-2 영상 3:12초까지

동일하게 코딩 후 /product 화면에서 > 상세 보기 이동할 때

conosole창에서 에러가 발생하면서 빈 화면이 조회되는 경우가 있습니다.

혹시 왜그런지 아실까요?

npm start 다시 돌리니 정상 동작하더라고요..

퀴즈

React 애플리케이션에서 `react-router-dom`의 주된 목적은 무엇일까요?

서버와의 데이터 통신 관리

컴포넌트의 상태 관리

웹 페이지 간 네비게이션 기능 구현

컴포넌트 스타일링 적용

답변 2

질문자

해결 완료

mainpage 명칭 문제

지식공유자

해당 로그는 warning(주의)으로 react에서 map으로 여러개의 컴포넌트를 렌더링할 때, 성능이나 다른 특수 케이스에 대응하기 위해서 고유한 id를 부여해달라는 로그입니다.

뒷부분에 가면 key를 넣어주긴 하겠지만, 미리 하려면 main/index.js에서 <div className="product-card" key={index}> 이렇게 key를 추가해주시면 문제는 해결됩니다 :)

작성한 질문수