1.
- App.js에는 App()함수가 정의되어 있다. App() 함수는 반환값을 가지고 있는데, 반환하는 HTML이리액트 앱 화면에 그려진다.
- App.js는 리액트가 동작하면 함께 동작할 컴포넌트 중 하나이다.
2.
- 위 코드 3,5 라인에는 App컴포넌트를 임포트하여 사용하였다.
- 5번 라인에 있는 HTML태그처럼 생긴 <App />을 ReactDOM.render() 함수의 첫 번째 인자로 전달하면 App컴포넌트가 반환하는 것들을 화면에 그릴 수 있다.
- 5번 라인 해석 : App 컴포넌트는 아이디가 root인 엘리먼트에 그려질 것이다. (render : 그린다)
정리
- 리액트는 컴포넌트와 함께 동작한다.
- 리액트는 모두 컴포넌트로 구성된다.
[REACT] 컴포넌트(Component)?