개발 서버(Development Server)

쉬운 설명

개발 서버는 만들고 있는 웹사이트를 매번 빌드하거나 인터넷에 올리지 않고, 내 컴퓨터에서 바로 실행해보는 도구입니다.

실제로는 이렇게 만나요

터미널에서 `npm run dev`를 실행한 뒤 코드를 고치면, 개발 서버가 변경된 화면을 빠르게 반영해 브라우저에서 확인할 수 있습니다.

• 이런 거 할 때 나와요 코드를 고칠 때마다 빌드하고 실제로 배포할 필요가 없어 작업 속도가 빨라집니다. 테스트 데이터, 개발용 API 주소, 오류 확인 기능처럼 실제 서비스와 분리된 개발 전용 환경도 구성할 수 있습니다.
• 이렇게 생겼어요 터미널에는 실행 명령과 접속 주소가 표시되고, 브라우저에는 제작 중인 웹사이트가 나타납니다.
• 나오는 화면 예시 `npm run dev`를 실행한 터미널과 제작 중인 웹사이트를 띄운 브라우저 화면

헷갈리기 쉬운 점

개발 서버는 실제 서비스를 운영하기 위한 서버가 아닙니다. 개발 서버에서 잘 작동해도 배포용 빌드에서는 환경변수, 파일 경로, 최적화 방식 차이로 오류가 생길 수 있습니다.

왜 알아두면 좋을까요?

코드를 고칠 때마다 빌드하고 실제로 배포할 필요가 없어 작업 속도가 빨라집니다. 테스트 데이터, 개발용 API 주소, 오류 확인 기능처럼 실제 서비스와 분리된 개발 전용 환경도 구성할 수 있습니다.