웹팩 데브 서버 소개
웹팩 데브 서버는 웹 애플리케이션을 개발하는 과정에서 유용하게 쓰이는 도구이다.
웹팩의 빌드 대상 파일이 변경되었을 때 매번 웹팩 명령어를 실행하지 않아도 코드만 변경하고 저장하면 웹팩으로 빌드한 후 브라우저를 새로고침 해준다.
- 매번 명령어를 치는 시간과
- 브라우저를 새로고침하는 시간
- 그리고 웹팩 빌드 시간 또한 줄여주기 때문에
웹팩 기반의 웹 애플리케이션 개발에 필수로 사용된다.
웹팩 데브 서버의 특징
웹팩 데브 서버는 일반 웹팩 빌드와 다른 점이 있다.
먼저 명령어를 보도록 하겠다.
{
"scripts": {
"dev": "webpack-dev-server",
"build": "webpack"
}
}
웹팩 데브 서버를 실행하여 웹팩 빌드를 하는 경우에는 빌드한 결과물이 파일 탐색기나 프로젝트 폴더에서 보이지 않는다.
좀 더 구체적으로 이야기하자면 웹팩 데브 서버로 빌드한 결과물은 메모리에 저장되고 파일로 생성하지는 않기 때문에 컴퓨터 내부적으로는 접근할 수 있지만 사람이 직접 눈으로 보고 파일을 조작할 수는 없다.
따라서 웹팩 데브 서버는 개발할 때만 사용하다가 개발이 완료되면 웹팩 build 명령어를 이용해 결과물을 파일로 생성해야된다
이렇게 작동하는 이유는 컴퓨터 구조 관점에서 파일 입출력보다 메모리 입출력이 더 빠르고 컴퓨터 자원이 덜 소모되기 때문이다.