📖 한국경영교육연구소 AI ACADEMY · 용어·통역 사전
npx · serve · npm run dev (npx serve npm run dev)
💬 쉬운 뜻
셋 다 터미널에서 자주 만나는 한 세트예요. npm install이 공구를 창고에 사두는 것이라면, npx는 사지 않고 렌탈해서 한 번 쓰는 것. serve는 내 폴더를 브라우저에 차려주는 1인 매대(파일 더블클릭 file:// 로는 안 열리는 페이지도 http:// 로 열림). npm run dev는 프로젝트 주인이 package.json에 적어둔 ‘심부름 이름’을 부르는 것 — 상주 주방장이라 코드를 고치면 즉석에서 다시 차려줍니다.
🧭 이 상황에서
AI가 “npx serve를 실행하세요”라고 했는데, 전에 본 npm run dev와 뭐가 다른지 몰라 멈칫할 때.
⌨️ 이럴 땐 이렇게 입력
- 미리보기 서버 띄워줘 — 브라우저로 확인할 주소도 알려줘.
- npx serve랑 npm run dev 중에 이 프로젝트에 맞는 걸 골라서 실행해줘.
🔮 AI가 이렇게 답하면 = 이런 뜻
“http://localhost:3000 에서 확인하세요” = 내 컴퓨터 안에 임시 매대가 열렸다는 뜻이에요. 나만 볼 수 있고, 아직 세상에 공개된 게 아닙니다.
➡️ 다음엔 이렇게
확인이 끝나면 그 터미널 창은 닫아도 돼요(매대 철수). 세상에 공개하려면 배포(개업)가 따로 필요합니다.
💬 김지백 강사의 현장 팁
복셀 게임 마을을 만들다 AI가 npx serve를 알려줬는데 npm run dev와 뭐가 다른지 몰라 물어봤던 게 이 항목의 시작이에요 — 렌탈이냐, 주인이 적어둔 심부름이냐의 차이였습니다.
한국경영교육연구소 · AI ACADEMY — 외부강사 김지백 · 시연 교실 홈
무료 공개 자료입니다 — 수업·강의에 자유롭게 쓰세요. 출처 「외부강사 김지백 · nondev-thinking.web.app」 표기만 지켜주세요 · CC BY 4.0