웹팩개발서버
-
[React 기초] Webpack 설치 및 실행 : 5탄 - 웹팩 개발 서버 (devServer) 설치컴퓨터 알아가기/React 2023. 12. 31. 19:30
웹팩과 관련하여 시리즈별로 나누어서 진행을 하고 있는데 보통 개발자가 아닌 초보자들은 한번 따라해도 금방 잊어버리기 일수입니다. 따라서 차근 차근 자기것으로 만들지 않는 한 그냥 모래성같이 머리속에서 사라집니다. 웹팩을 실행할 때 npm run build 라는 명령어를 사용하긴 했지만 코드 내용중 조금만 내용이 바뀌어도 결과를 보기위해 계속 build를 해 줄 수 밖에 없습니다. 이를 보완하기 위해 자체 서버를 만들어 작업한 내용을 실기간으로 볼 수 있게 만든 도구가 웹팩개발서버입니다. 자신의 PC에 설치하고 향후 웹팩작업에 반영하면 되겠습니다. 마찬가지로 본 내용은 코딩앙마의 프론트개발과 제로초 TV 강좌를 통해서 공부하면서 응용한 글입니다. ▒ 웹팩 개발 서버 1. 웹팩 개발서버(webpack dev..
-
React 기본 : 웹팩개발서버와 핫리로딩 설치컴퓨터 알아가기/React 2021. 8. 2. 19:30
본 글은 ZeroCho TV님의 React무료강좌를 기본으로 하고 있습니다. 지난시간까지 Webpack을 설치하여 끝말잇기에 대한 프로그램을 해 보았습니다. Webpack의 버전이 높아지면서 설치해야 할 플러그인들이 필요하다고 하네요. 그래서 이번 시간에는 지난시간까지 설치를 하지 않았던 부분을 같이 설치를 해 보도록 하고 개발을 하는데 필요한 개발서버도 같이 설치를 해 보도록 하겠습니다. 개발서버를 설정하는 주된이유는 React Webpack의 가장 중요한 기능중 하나인 핫리로딩이 되게 하기 위함입니다. 핫리로딩은 코딩과 동시에 서버에 반영이 되어 새로고침없이 웹에 바로 표시되는 기능으로 단계별 프로그래밍시 처음부터 재 수정하지 않고 수정되어야야 할 부분을 확인하여 해당 코딩만 수정을 할 수 있는 상당..