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

 

 

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

 

 

MovieApp.js

 

Home.js

 

Movie.js

 

Detail.js

 

 

 

소스 코드

🔗 HJ0216/TIL/REACT

 

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

 

 

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

 

 

CoinTracker.js

 

 

 

소스 코드

🔗 HJ0216/TIL/REACT

 

⚛️ 기본 환경: 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 엘리먼트를 하나의 최상위 엘리먼트에 포함

 

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

 

 

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

 

 

App.js

 

 

 

소스 코드

🔗 HJ0216/TIL/REACT

 

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

[ReactJS_영화_웹] #7 MOVIE APP  (0) 2023.05.21
[ReactJS_영화_웹] #7 COIN TRACKER  (0) 2023.05.18
[ReactJS_영화_웹] #6 EFFECTS  (1) 2023.05.16
[ReactJS_영화_웹] #5 CREATE REACT APP  (1) 2023.05.16
[ReactJS_영화_웹] #4 PROPS  (0) 2023.05.15

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

 

 

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

 

 

App.js

 

 

 

소스 코드

🔗 HJ0216/TIL/REACT

 

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

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