이 글은 노마드코더의 [ReactJS로 영화 웹 서비스 만들기]를 수강하며 정리한 글입니다.
⚛️ 기본 환경: IDE: VS code, Language: React
index.js
style.css
App.js
App.module.css
Button.js
Button.module.css
소스 코드
| [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
| [해결 방법] TypeError: Cannot read properties of undefined (reading 'isLoggedIn') (0) | 2023.06.03 |
|---|---|
| [해결 방법] Encountered two children with the same key (0) | 2023.06.01 |
| [해결 방법] A complete log of this run can be found in: (0) | 2023.05.24 |
| [해결 방법] TypeError: Cannot read property 'rating' of undefined (0) | 2023.05.21 |
| [해결 방법] Adjacent JSX elements must be wrapped in an enclosing tag (0) | 2023.05.18 |
이 글은 노마드코더의 [ReactJS로 영화 웹 서비스 만들기]를 수강하며 정리한 글입니다.
⚛️ 기본 환경: IDE: VS code, Language: React
1_index.html
소스 코드
| [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
소스 코드
| [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
소스 코드
| [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 |