React
* state
Fragment
<> {text} </>
= <React.Fragment> {text} <React.Fragment/>
setState
안에 this.state
를 쓰게 될 경우 함수형 setState
사용
ref : DOM에 직접 접근할 때 (=document.querySelector
)
setState
할 때 마다 render()
를 불러온다 (성능최적화에 신경쓸 것)
클래스형 컴포넌트 vs 함수형 컴포넌트
class
-> className
for
-> htmlFor
React Hooks
* 간결함
* useState
Babel
* 최신 버전의 자바스크립트 문법은 브라우저가 이해하지 못함.
고로 babel은 브라우저가 이해할 수 있는 문법으로 변환해준다.
JSX
* Javascript XML
Webpack
* JS로 작성된 모듈을 번들링하여 하나 또는 여러 개의 번들로 만들어 주는 도구
* Node는 JS실행기