이 글은 노마드코더의 [ReactJS로 영화 웹 서비스 만들기]를 수강하며 정리한 글입니다.

 

 

⚛️ 기본 환경: IDE: VS code, Language: React

 

 

index.js

 

style.css

 

App.js

 

App.module.css

 

Button.js

 

Button.module.css

 

 

 

소스 코드

🔗 HJ0216/TIL/REACT

 

'JavaScript > React' 카테고리의 다른 글

[ReactJS_영화_웹] #7 TO DO LIST  (0) 2023.05.17
[ReactJS_영화_웹] #6 EFFECTS  (1) 2023.05.16
[ReactJS_영화_웹] #4 PROPS  (0) 2023.05.15
[ReactJS_영화_웹] #3 STATE  (1) 2023.05.14
[ReactJS_영화_웹] #2 THE BASICS OF REACT  (0) 2023.05.13

⚛️ 기본 환경: IDE: VS code, Language: React

 

 

발생 Error

React에서 다음 Source Code를 실행할 경우,

⚠️ 다음과 같은 Error 발생

TypeError: Cannot read property 'map' of undefined

 

 

발생 원인

첫 렌더링시 state 값을 받아오지 못해 undefined가 입력되어 오류 발생

 

 

해결 방법

const [data, setData] = useState({});

에 초기값으로 빈객체 선언

 

 

 

참고 자료

📑 React 실행오류 Cannot read property 'map' of undefined

 

이 글은 노마드코더의 [ReactJS로 영화 웹 서비스 만들기]를 수강하며 정리한 글입니다.

 

 

⚛️ 기본 환경: IDE: VS code, Language: React

 

 

1_index.html

 

 

 

소스 코드

🔗 HJ0216/TIL/REACT

 

'JavaScript > React' 카테고리의 다른 글

[ReactJS_영화_웹] #7 TO DO LIST  (0) 2023.05.17
[ReactJS_영화_웹] #6 EFFECTS  (1) 2023.05.16
[ReactJS_영화_웹] #5 CREATE REACT APP  (1) 2023.05.16
[ReactJS_영화_웹] #3 STATE  (1) 2023.05.14
[ReactJS_영화_웹] #2 THE BASICS OF REACT  (0) 2023.05.13

이 글은 노마드코더의 [ReactJS로 영화 웹 서비스 만들기]를 수강하며 정리한 글입니다.

 

 

⚛️ 기본 환경: IDE: VS code, Language: React

 

 

1_index.html

 

5_converter.html

 

 

 

소스 코드

🔗 HJ0216/TIL/REACT

 

'JavaScript > React' 카테고리의 다른 글

[ReactJS_영화_웹] #7 TO DO LIST  (0) 2023.05.17
[ReactJS_영화_웹] #6 EFFECTS  (1) 2023.05.16
[ReactJS_영화_웹] #5 CREATE REACT APP  (1) 2023.05.16
[ReactJS_영화_웹] #4 PROPS  (0) 2023.05.15
[ReactJS_영화_웹] #2 THE BASICS OF REACT  (0) 2023.05.13

이 글은 노마드코더의 [ReactJS로 영화 웹 서비스 만들기]를 수강하며 정리한 글입니다.

 

 

⚛️ 기본 환경: IDE: VS code, Language: React

 

 

vanilla.html

 

index.html

 

 

 

소스 코드

🔗 HJ0216/TIL/REACT

 

'JavaScript > React' 카테고리의 다른 글

[ReactJS_영화_웹] #7 TO DO LIST  (0) 2023.05.17
[ReactJS_영화_웹] #6 EFFECTS  (1) 2023.05.16
[ReactJS_영화_웹] #5 CREATE REACT APP  (1) 2023.05.16
[ReactJS_영화_웹] #4 PROPS  (0) 2023.05.15
[ReactJS_영화_웹] #3 STATE  (1) 2023.05.14