devServer
-
[React 기초] Webpack 설치 및 실행 : 9탄 - Hot Reloading컴퓨터 알아가기/React 2024. 1. 12. 19:30
지난 시간 5탄에서 자체 서버를 설정하여 웹팩 실행결과(build)를 볼 수 있는 환경설정에 대해 알아 본적이 있습니다. 2023.12.31 - [컴퓨터 알아가기/React] - [React 기초] Webpack 설치 및 실행 : 5탄 - 웹팩 개발 서버 (devServer) 설치 [React 기초] Webpack 설치 및 실행 : 5탄 - 웹팩 개발 서버 (devServer) 설치 웹팩과 관련하여 시리즈별로 나누어서 진행을 하고 있는데 보통 개발자가 아닌 초보자들은 한번 따라해도 금방 잊어버리기 일수입니다. 따라서 차근 차근 자기것으로 만들지 않는 한 그냥 모래 happygunja.tistory.com 그런데 이 개발서버는 쉽게 말해서 코드가 수정이 되면 바로 새로고침이 되어 결과를 볼 수 있는 장점이..
-
[React 기초] Webpack 설치 및 실행 : 5탄 - 웹팩 개발 서버 (devServer) 설치컴퓨터 알아가기/React 2023. 12. 31. 19:30
웹팩과 관련하여 시리즈별로 나누어서 진행을 하고 있는데 보통 개발자가 아닌 초보자들은 한번 따라해도 금방 잊어버리기 일수입니다. 따라서 차근 차근 자기것으로 만들지 않는 한 그냥 모래성같이 머리속에서 사라집니다. 웹팩을 실행할 때 npm run build 라는 명령어를 사용하긴 했지만 코드 내용중 조금만 내용이 바뀌어도 결과를 보기위해 계속 build를 해 줄 수 밖에 없습니다. 이를 보완하기 위해 자체 서버를 만들어 작업한 내용을 실기간으로 볼 수 있게 만든 도구가 웹팩개발서버입니다. 자신의 PC에 설치하고 향후 웹팩작업에 반영하면 되겠습니다. 마찬가지로 본 내용은 코딩앙마의 프론트개발과 제로초 TV 강좌를 통해서 공부하면서 응용한 글입니다. ▒ 웹팩 개발 서버 1. 웹팩 개발서버(webpack dev..