Component
- 화면의 UI를 구성하는 함수
- 블록 단위로 컴포넌트를 구성해, 코드를 단순하게 관리가능.
HTML의 Div, Section, Main, Article 등을 컴포넌트로 대체한다.- 컴포넌트를 재사용함으로써 코드 작성시간을 단축.
리액트 컴포넌트
- JSX문법으로 생성된 HTML Element(Tag) 에 대응하는 모듈
- 모든 컴포넌트는 함수(function)로 작성한다.
리액트 컴포넌트 구분 (중요!)
- 리액트에서 HTML Element는 첫 글자를 소문자로 작성
- 리액트 컴포넌트는 첫 글자를 대문자로 작성
- 컴포넌트의 첫 글자로 HTML Element와 컴포넌트를 구분한다.
React의 관례상, App.js의 App 컴포넌트는 Root Component가 된다.
- Root Component 는 index.js 에서 호출해야 함.
