🌿 중급 개발도구
Watch 모드가 뭔가요?
쉽게 이해하기
파일을 저장할 때마다 자동으로 새로고침되는 문서 편집기 같은 거예요. 워드에서 Ctrl+S 누르면 바로 저장되듯이, 코드 에디터에서 저장하면 개발 서버가 자동으로 변경사항을 반영해서 브라우저에 보여줘요. 매번 수동으로 명령어 실행할 필요 없이 저장만 하면 결과를 바로 확인할 수 있죠.
핵심 정리
파일이 수정되면 자동으로 빌드나 테스트를 다시 실행하는 기능이에요.
자세히 알아보기
Watch 모드는 파일 변경을 감지해서 자동으로 빌드, 테스트, 또는 서버 재시작을 실행하는 기능이에요. 개발할 때 가장 자주 쓰는 명령어가 `npm run dev`나 `npm start`인데, 이게 바로 watch 모드로 실행되는 거예요. 파일을 저장하면 몇 초 안에 브라우저에 변경사항이 반영되죠.
Watch 모드 없이 개발한다면 매번 수동으로 빌드 명령어를 실행해야 해요. 코드 한 줄 고치고, 터미널 가서 `npm run build` 실행하고, 서버 재시작하고, 브라우저 새로고침하고... 이런 반복 작업이 하루에 수백 번 일어난다고 생각해보세요. 생산성이 바닥을 치겠죠. Watch 모드는 이 모든 걸 자동화해줘요.
테스트 코드 작성할 때도 watch 모드를 많이 써요. `npm run test -- --watch` 같은 명령어로 실행하면 테스트 파일이나 소스 코드가 변경될 때마다 관련 테스트만 자동으로 다시 실행해요. TDD(테스트 주도 개발) 방식으로 작업할 때 특히 유용하죠.
내부적으로는 파일 시스템의 변경 이벤트를 감지하는 라이브러리(chokidar 같은)를 사용해요. CPU 부하를 최소화하면서도 거의 실시간으로 변경을 감지하죠. 요즘 도구들은 변경된 파일만 다시 처리해서 속도도 매우 빨라요. 개발 워크플로우의 필수 기능입니다.