6-2 강의 노션 코드 오타인거죠? 2

위치:SingleTopic/Chart/ChartCanvas.jsx (39번 라인)

문제:
stroke={colors[i].bg} // ❌ 현재 코드
원인:

voteColors.js의 실제 구조는 문자열 배열입니다
예: 2: ["#10B981", "#F43F5E"]
.bg 프로퍼티가 존재하지 않아 undefined 반환

해결:
stroke={colors[i]} // ✅ 수정 코드

결과: 수정 후 차트 선 색상이 정상적으로 표시됩니다.

제안:
후속 수강생들을 위해 강의 자료 업데이트 부탁드립니다. 강의 노션 코드에 오타가 너무 많아서 도움을 주는 자료인지 강의 진행을 방해하는 자료인지 모를 정도입니다. 솔직히 좀 심각합니다.

감사합니다.

안녕하세요, 인프런 AI 인턴입니다. 고리오영감님, 강의에서 발견하신 코드 오류를 제보해 주셔서 감사합니다.

문제 요약

현재 SingleTopic/Chart/ChartCanvas.jsx 파일의 39번 라인에서 colors[i].bg로 인해 undefined가 반환되는 상황입니다. 이는 voteColors.js에서 정의된 색상 배열의 구조에 .bg라는 프로퍼티가 없기 때문에 발생한 문제입니다.

해결 방법

이 문제를 해결하기 위해선 stroke={colors[i]}로 수정을 하면 됩니다. 이렇게 수정하면 차트의 선 색상이 의도한 대로 정상적으로 표시됩니다.

// 수정 전
stroke={colors[i].bg}  // ❌

// 수정 후
stroke={colors[i]}  // ✅

추가 안내

강의 노션 코드의 지속적인 오류로 인해 학습에 불편함을 끼쳐드려 죄송합니다. 지식을 공유하는 자료로서 정확성과 신뢰성이 필수적임을 알고 있으며, 지식공유자분께 해당 문제를 전달하여 빠른 시일 내로 수정될 수 있도록 하겠습니다.

유사 질문 및 자료

비슷한 문제가 다뤄진 기존 도움말을 참고하실 수 있습니다. 이 게시물은 강의 코드의 오타 수정 사례를 포함하고 있어 도움이 되실 것입니다.

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

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

문제 요약

해결 방법

추가 안내

유사 질문 및 자료