사용이유

코드를 가능한 최소 단위로 쪼개어 component라는 것으로 만들어서 필요할때마다 즉시 재사용 할 수 있기에 편함.

개발 환경 셋팅

1. 먼저 node.js를 자신의 컴퓨터 환경에 맞는 버젼으로 window / mac/ linux 다운받는다.

2. 소스편집기 중 제일 대중적인 VisualStudioCode도 다운받는다.

3. 윈도우 키를 누르고 cmd를 검색한뒤 엔터를 눌러서 명령프롬프트를 연다.

4. 열려진 명령프롬프트에 npx create-react-app ./를 입력한다.

5. 무언가 다운이 끝나면 npm start를 입력한다.

component

모듈이다.
모듈이란 레고의 조각과 비슷하다.
레고 머리통과 몸통과 하반신을 마음껏 교체할 수 있는 모습을 상상해 보면 된다.

element

엘리먼트는 react app의 최소단위이다.
(HTML의 엘리먼트랑 무엇이 다른지 예시를 들어보겠다.)

ex)
HTML의 엘리먼트 - <h1>Hello, world</h1>;
react의 엘리먼트 - const element = <h1>Hello, world</h1>;

_왠지 Javascript같으면서 HTML같은 모양이다._