JavaScript73 [해결 방법] TypeError: Cannot read property 'rating' of undefined ⚛️ 기본 환경: IDE: VS code, Language: React 발생 Error React에서 다음 Source Code를 실행할 경우, ⚠️ 다음과 같은 Error 발생 TypeError: Cannot read property 'movie' of undefined 발생 원인 getMovie()에 사용되는 API JSON데이터 구조는 다음과 같음 해당 객체 전체를 json으로 받고 rating을 추출하고자할 경우, data.data.movie.rating으로 접근할 수 있으나 객체가 로드되지 않은 상태에서 접근 시 TypeError 발생 해결 방법 1. ?.(Optional Chaining) 연산자를 사용하여 객체 체인 중간에 있는 속성 또는 메서드에 접근하기 전에 해당 값이 존재하는지 확인하고,.. 2023. 5. 21. [ReactJS_영화_웹] #7 MOVIE APP 이 글은 노마드코더의 [ReactJS로 영화 웹 서비스 만들기]를 수강하며 정리한 글입니다. ⚛️ 기본 환경: IDE: VS code, Language: React MovieApp.js Home.js Movie.js Detail.js 소스 코드 🔗 HJ0216/TIL/REACT 2023. 5. 21. [ReactJS_영화_웹] #7 COIN TRACKER 이 글은 노마드코더의 [ReactJS로 영화 웹 서비스 만들기]를 수강하며 정리한 글입니다. ⚛️ 기본 환경: IDE: VS code, Language: React CoinTracker.js 소스 코드 🔗 HJ0216/TIL/REACT 2023. 5. 18. [해결 방법] Adjacent JSX elements must be wrapped in an enclosing tag ⚛️ 기본 환경: IDE: VS code, Language: React 발생 Error React에서 다음 Source Code를 실행할 경우, ⚠️ 다음과 같은 Error 발생 Adjacent JSX elements must be wrapped in an enclosing tag 발생 원인 React에서 컴포넌트는 하나의 최상위 엘리먼트만 반환할 수 있음 → React에서 JSX 구문을 JavaScript 코드로 변환할 때, return 구문에서 여러 개의 최상위 엘리먼트를 반환하면 컴파일 오류 발생 해결 방법 select 엘리먼트와 input 엘리먼트를 하나의 최상위 엘리먼트에 포함 2023. 5. 18. [ReactJS_영화_웹] #7 TO DO LIST 이 글은 노마드코더의 [ReactJS로 영화 웹 서비스 만들기]를 수강하며 정리한 글입니다. ⚛️ 기본 환경: IDE: VS code, Language: React App.js 소스 코드 🔗 HJ0216/TIL/REACT 2023. 5. 17. [ReactJS_영화_웹] #6 EFFECTS 이 글은 노마드코더의 [ReactJS로 영화 웹 서비스 만들기]를 수강하며 정리한 글입니다. ⚛️ 기본 환경: IDE: VS code, Language: React App.js 소스 코드 🔗 HJ0216/TIL/REACT 2023. 5. 16. 이전 1 ··· 7 8 9 10 11 12 13 다음
