Webpack

front end setup 원하는 곳에 my-slack 폴더를 만들고 하위 폴더로 front 폴더를 만듭니다. 제일 처음 해줘야하는 것 npm init name 은 웬만하면 npm 에 설치한 패키지와 겹치지 않게 주의! react로 작업하기 때문에 다음과 같이 설치합니다. $ npm i react react-domtypescript 도 설치합니다. $ npm i typescript @types/react @types/react-domeslint 와 prettier setup $ npm i -D eslint $ npm i -D prettier eslint-plugin-prettier eslint-config-prettiereslint 와 prettier 를 연결 해줍니다. * rc setup .prett..

현재 hello world 문구를 수정하면 build 를 다시해야 반영이 됩니다. 매번 build를 하지 않게 hot reloading을 설정합니다. hot reloading hot reloading을 사용하기 위해서는 front 에서도 server가 필요합니다. $ yarn add webpack-dev-server -D npm 의 사소한 에러들이 있는데 아직 해결하지 못해서 yarn 으로 대체했습니다. 추후에 수정하겠습니다. webpack-dev-server 는 추후에 proxy server의 역활도 합니다. cors에러 문제 해결 등등.. $ yarn add webpack-cli $ yarn add -D @types/webpack-dev-server $ yarn add @pmmwh/react-refr..