멈추고 다시 시작하기
엔지니어의 편집-테스트 사이클
⏱ 예상 ~4분
01 · 읽기
아마 패턴을 눈치챘을 거예요: 코드를 변경할 때마다, 서버를 멈추고 다시 시작해야 변경 사항이 보여요.
이게 서버 사이드 코드의 기본 개발 사이클이에요:
1. 텍스트 편집기에서 코드 편집 2. Ctrl+C 로 돌아가는 서버 멈춤 3. node app.js 로 재시작 4. 브라우저를 새로고침해서 테스트 5. 반복
번거롭게 느껴질 수 있지만, 왜 이런지 이해하는 게 중요해요. node app.js 를 실행하면, Node 가 파일을 한 번 읽고 메모리에 로드해요. 그 후로는 메모리에서 실행해요. 파일을 보면서 변경 사항을 확인하지 않아요. 그래서 파일을 변경해도, 재시작할 때까지 Node 는 모르는 거예요.
💡 상상해 봐요요리하기 전에 레시피를 읽는 것과 같아요. 한 번 읽고 요리를 시작하면, 머릿속에 있는 버전대로 해요. 누군가 본인이 요리하는 동안 레시피 책을 바꿔도, 본인은 모를 거예요. 멈추고, 레시피를 다시 읽고, 다시 시작해야 해요.
핵심 정리
- Ctrl+C 가 돌아가는 서버를 멈춰요 (인터럽트 신호를 보냄)
- Node 는 시작할 때 파일을 한 번 읽어요. 변경은 재시작이 필요해요
- 편집-멈춤-시작-테스트 사이클이 개발의 일상이에요
- public/ 폴더의 정적 파일 (HTML, CSS) 은 서버 재시작이 필요 없을 수 있어요. 브라우저가 다시 가져와요
02 · 퀴즈
돌아가는 Node.js 서버를 어떻게 멈추나요?
- 브라우저를 닫아요
- 'stop' 을 쳐요
- 터미널에서 Ctrl+C 를 눌러요
- 터미널 창을 닫아요
03 · 읽기
나중에 좋아하게 될 도구를 미리 알려드려요: nodemon ('node monitor' 의 약자) 이라는 패키지가 있어요. 본인 파일을 보고 있다가, 저장할 때마다 자동으로 서버를 재시작해요. 수동으로 멈추고 재시작하는 단계를 완전히 없애줘요.
npm install -g nodemon 으로 설치하고, node app.js 대신 nodemon app.js 를 써요. 변경 사항을 저장할 때마다, nodemon 이 잡아내고 재시작해요.
지금은 안 쓰는 이유는 수동 흐름을 이해하는 게 중요해서예요. 왜 재시작이 필요한지 알면, 자동 도구를 쓰는 게 더 의미 있어져요.
04 · 빈칸 채우기
터미널에서 돌아가는 Node.js 서버를 멈추려면, Ctrl+_____ 를 눌러요.
05 · 체크리스트
개발 사이클을 이해하는지 확인해요. 자신 있는 항목에 체크해요.
- node app.js 로 서버를 시작할 수 있어요
- Ctrl+C 로 멈출 수 있어요
- 코드 변경 후 재시작해야 한다는 걸 알아요
⚠ 전체 인터랙티브 경험에는 JavaScript가 필요해요. JavaScript를 켜고 새로 고침해 주세요.
※ 이 사이트는 독립 운영되는 교육 프로젝트로, Anthropic의 공식 제품이 아니에요. Claude™ 는 Anthropic, PBC 의 상표예요.