component만들기

App.js는 root컴포넌트다

<App/> -> <Header/>
       -> <Tasks/>  ->  <Tasks/>
       			<Tasks/>
                        <Tasks/>

만 HTML에 직접적으로 렌더링됨

컴포넌트 = 자바스크립트 함수

• 관습상 파일의 이름을 함수 이름으로 써준다.
• 모든 단어의 첫글자는 대문자로 써준다.
• 화면에 그려줄 JSX코드를 return 해줌

ExpenseItems.js를 index.js에 렌더링 시켜주는것이 아니다.

대신 APp.js에 ExpenseItems.js를 import시켜주면 된다.

import 시켜주면 app.js에서 마치 html 코드처럼 사용할 수 있다.

꼭 대문자 시작해야한다. react가 custom component임을 인지할 수 있다.
div처럼 소문자 태그는 html태그로 인식한다.