[ React Study ]

1주차

• creact-react-app 사용하지 않고 리액트 개발 환경 구성하기

• babel, webpack(v4 or v5) 사용

• github에 레포 만드셔서 수행 해주시면 됩니다!

• babel이란?

• babel에서 plugin, preset 무엇인지 알아보기

• babel-cli사용해서 babel로 소스코드 빌드 해보고 해 본 결과 확인해보기

  • esmodules로 빌드해보기
  • commonjs로 빌드 해보기

• webpack 이란?

  • 해결하고자 하는 문제
  • 단점

• webpack에서 mode가 무엇인지

• webpack

  • plugin
    • dotenv plugin 써보기
    • BundleAnalyzerPlugin 써보기
      • 웹팩 번들에 포함되는 모듈들의 크기를 알 수 있다.

• TS로 짠 코드 빌드 해서 helloworld 띄우기