웹 개발 환경은 편집부터 브라우저 확인까지 한 루프로 준비한다

도구 설치 목록보다 각 단계가 다음 단계에 무엇을 제공하는지 확인한다.

1

Editor

파일 인코딩·포맷·프로젝트 경로를 통일

2

Runtime

Node와 패키지 관리자가 명령을 실행

3

Dev server

파일을 HTTP로 제공하고 변경을 감지

4

Browser

렌더 결과와 콘솔·네트워크를 관찰

핵심샘플 한 줄을 수정해 저장 → 갱신 → 콘솔 확인까지 되면 환경의 핵심 경로가 연결된 것이다.