webpack-dev-server란? webpack-dev-server는 매 코드 변경마다 빌드된 결과물을 확인할 수 있는 개발용 서버를 제공해준다. 실제 빌드는 시간이 오래 걸리기 때문에 webpack-dev-server는 실제 번들링 된 결과물을 파일로 생성하지 않고 메모리에 올려놓은 채 보여준다. 그래서 빠른 속도로 즉시 변경된 코드를 개발 서버에 반영하여 보여줄 수 있다. webpack-dev-serve 설치하기 npm i webpack-dev-server -D 여기서 -D 는 개발용 이라는 뜻이다. npm i webpack-cli 이것도 함께 설치! : hot reloading을 사용하기 위해 webpack-dev-server를 사용한다. : proxy 서버 요청도 webpack-dev-serv..

초기 세팅 이해하느라 몇시간 걸렸다.. 하지만.. 듣는다.. 강의를.. 그리고 .. 기록 한다... 프론트엔드 초기 세팅 - exlint, prettier npm i -D prettier eslint-plugin-prettier eslint-config-prettier exlint : 코드 검사 도구 prettier : 코드 정렬 도구 .eslintrc > { "extends": ["plugin:prettier/recommended"], "parserOptions": { "sourceType": "module", "ecmaVersion": 2021 } } "extends": ["plugin:prettier/recommended"], : 프리티어가 추천한 대로 따르겠다라는 의미이다. .prettierrc ..