20211212 웹팩 & Jest 마스터 마흔일곱번째 주

이렇게 배우면 어딜 가도 제 몫은 하겠다

React 수업

  • CRA, degit 등의 편리한 패키지를 알게 되었고, 그럼에도 바닥부터 툴체인을 구성하며 원리를 공부
  • webpack의 필요성
    • 번들링, 트리쉐이킹, 코드 분할, 코드 압축을 웹환경에서는 지원하지 않으므로!
    • 컴포넌트 주도 개발에서는 css를 컴포넌트에 귀속시키며, 이를 웹팩으로 번들링
  • webpack 환경 설정하기
    • 개발모드/배포모드 및 경로 설정
    • babel-loader, style-loader, css-loader 연결
    • 최적화를 위한 mini-css-extract-plugin, css-minimizer-webpack-plugin, terser-webpack-plugin 연결
  • 조건부 렌더링, 리스트 렌더링, Key props의 필요성
  • TDD를 통한 컴포넌트 테스트

느낀 점

  • 컴포넌트 주도 개발을 위한 모든 것을 다 배우고 있다. 하나하나 주옥같은 지식들이라 놓치고 싶지 않은데 자소서 때문에 우선순위가 분산되고 있어서 다소 속상쓰.
  • 새벽까지 골머리를 앓던 자소서를 드디어 제출했다.