바이브코딩 부록 · 개념편 ⑤

터미널과 명령어 — 겁내지 않아도 되는 까만 화면

언제 보나 까만 화면에 글자가 나올 때
한 줄 정의 마우스 대신 글자로 컴퓨터에 시키는 창구
짝 모듈 M02 · M03 · M16

1한 줄로

터미널 = 컴퓨터에 글자로 말 거는 창구. 버튼을 누르는 대신, 글자 한 줄로 "서버 켜줘" 같은 명령을 내리는 까만 화면입니다.
터미널 $ npm run dev ← 내가 (또는 AI가) 친 명령 준비 중… ✓ Ready in 1.2s Local: http://localhost:3000 ↑ 크롬 주소창에 이 주소를 입력 멈추려면 Ctrl + C
npm run dev로 미리보기 서버를 켜면 localhost:3000 주소가 나옵니다. 멈추려면 Ctrl+C.

겁낼 필요 전혀 없습니다. 바이브코딩에서는 AI가 이 명령을 대신 쳐줍니다. 우리는 결과(초록·빨간 글씨)를 보고 "됐다 / 막혔다"만 판단하면 됩니다.

2좀 더 자세히 — 까만 화면이 하는 일

우리가 평소 쓰는 화면은 아이콘을 마우스로 클릭하는 방식이죠. 터미널은 같은 일을 글자 명령으로 합니다. "이 폴더 열어", "서버 켜", "이거 설치해" 같은 지시를 한 줄씩 적는 거예요. 개발 도구들은 버튼이 없는 경우가 많아서, 이 글자 창구가 가장 빠르고 정확합니다.

바이브코딩에서 가장 자주 보는 명령은 npm run dev입니다. "내 사이트를 내 컴퓨터에서 미리보기로 켜"라는 뜻이에요. 이걸 실행하면 잠시 글자가 주르륵 흐르다가 localhost:3000 같은 주소가 나오는데, 그걸 크롬에 입력하면 내 사이트가 보입니다.

중요한 마음가짐 하나. 빨간 글씨가 나와도 큰일이 아닙니다. 그중 상당수는 경고일 뿐이고, 진짜 오류라도 그 글씨 자체가 해결의 힌트예요. 통째로 복사해서 AI에게 "이 오류 한국어로 알려줘"라고 하면 대부분 바로 풀립니다.

3가장 자주 보는 3가지

이 글자가 보이면뜻
npm run dev내 사이트를 내 컴퓨터에서 미리보기로 켜기
Local: http://localhost:3000켜졌다는 신호. 크롬에 localhost:3000 입력
Ctrl + C켜둔 걸 멈추기 (까만 화면 안에서)
수업 중 명령을 실행했더니 빨간 글씨가 좌르륵 떴습니다. 순간 "내가 뭘 망쳤나" 싶어 손이 멈추죠. 하지만 그 빨간 글씨를 통째로 복사해 AI에게 붙이면, 3초 만에 "포트가 이미 쓰이는 중이에요. 다른 포트로 켜세요" 같은 답이 옵니다. 빨간 글씨는 혼내는 게 아니라 길 안내예요.

4용어 미니사전

용어쉬운 뜻
터미널글자로 명령하는 까만 화면
명령어컴퓨터에 시키는 한 줄 (npm run dev 등)
npm필요한 부품을 설치·실행하는 도구
localhost내 컴퓨터 안에서만 보이는 미리보기 주소
포트(3000)미리보기가 열리는 문 번호
터미널은 글자로 말 거는 창구. 명령은 AI가 대신 쳐준다. 빨간 글씨는 복사해서 AI에게. 멈춤은 Ctrl+C.

5직접 확인 (내 것으로)

내 사이트 미리보기 주소: http://localhost:

서버를 멈추는 키:

가져갈 문장 3개.
  1. "터미널은 글자로 말 거는 창구 — 명령은 AI가 대신 친다."
  2. "빨간 글씨는 복사해서 AI에게. 에러는 힌트다."
  3. "멈춤은 Ctrl+C, 켜기는 npm run dev."
바이브코딩 부록 · 개념편 ⑤ — 터미널과 명령어
인쇄: ⌘P