0917

Babel
ECMAScript 2015+ / TS / JSX -> JS
웹팩
소스코드 묶어서 번들 단위로 묶어서 사용자에게 전달
코드 줄여주고, 변수등을 해커로부터 보호하게 이름 바꾸기
ESlint
JEST unit test
postCSS expandable css library

정적이라면? -> 함수형
아니라면 -> class형
원래 '함수'는 하나의 단위를 실행하는것

하지만 react 16.8부터 react hook을 통해서
state, life cycle method 가질 수 있어서
기존 클래스 컴포넌트에서 가능!

왜 훅을 사용할까?
클래스가 어려워서!
중복 코드를 줄일 수 있다

public 정적 소스들
웹팩에선 빌드를 할 때 마다 자바스크립트의 유니크한 고유의 버전이 할당됩니다
js 변경되지 않았다면 캐쉬되어있어서 따로 다운받지 않아도 됨

src엔 다이나믹한 것들

react dom?
바벨 이용해서 순수 자바스크립트로 전환이 된다
변환된 애들, 만든 컴포넌트들을 html과연결하는 작업 -> 리액트 돔을 통해

props 부모로 부터 받아온 property
프롭스를 사용하여 재사용이 용이하게 한다.
예를들어 버튼을 만들때, 재사용이 가능한 버튼을 하나 만들고
사용자가 맞춰서 글자 넣을 수 있게,

html은 마크업 언어
JSX자바스크립트 코드