Today I Learn...

• 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

  • useRef (+current)
  • setState들을 한번에 모아서 처리(비동기)
  • 비구조할당/구조분해할당 (번역차이)

• Babel

  	* 최신 버전의 자바스크립트 문법은 브라우저가 이해하지 못함. 
  고로 babel은 브라우저가 이해할 수 있는 문법으로 변환해준다. 

• JSX

  	* Javascript XML

• Webpack

  	* JS로 작성된 모듈을 번들링하여 하나 또는 여러 개의 번들로 만들어 주는 도구
  	* Node는 JS실행기

To-Do

1. 클래스형 컴포넌트, 함수형 컴포넌트
2. 비동기
3. 공식문서 읽어보기
4. 영어와 개발 같이 공부하기
5. create-react-app 의 원리 이해
6. 정규표현식