개발 기본
터미널(Terminal)
명령어를 입력하고 프로그램의 실행 결과를 읽는 창입니다.
쉬운 설명
AI에게 스터디 신청 페이지를 만들어 달라고 했더니 “터미널에서 npm run dev를 실행하세요”라고 안내할 수 있어요. 이 명령을 적는 곳이 터미널이에요. 명령어를 입력하고 Enter를 누르면 실행 결과가 아래에 나타나요. 웹사이트를 켜는 명령이었다면 접속 주소가, 실행에 문제가 생겼다면 오류 메시지가 보일 수 있어요.
이런 상황에서 만나요
AI가 “이 명령어를 실행해 주세요”라고 하거나, 실행 결과를 보여 달라고 할 때 보게 됩니다.
“이 명령어를 터미널에서 실행하세요”
AI가 만든 신청 페이지를 내 컴퓨터에서 열어 보는 상황
$ npm run devhttp://localhost:5173/개발 서버 실행 중 · 명령과 출력은 예시입니다.
- 1study-app은 현재 프로젝트 폴더입니다.
- 2npm run dev가 직접 입력한 명령입니다.
- 3Local 아래 주소는 프로그램이 출력한 결과입니다.
AI가 안내한 프로젝트 폴더에서 npm run dev를 실행한 뒤 Local 주소가 보이면 그 주소를 브라우저에서 엽니다. 오류가 보이면 실행한 명령과 오류가 시작되는 부분을 함께 전달해 원인을 확인합니다.
헷갈리기 쉬운 점
명령을 실행했는데 커서가 다음 입력 줄로 돌아오지 않아요.
개발 서버처럼 계속 실행되는 프로그램은 터미널을 사용 중인 상태로 남습니다. 주소가 표시되고 사이트가 열리면 정상일 수 있습니다. 실행을 끝낼 때는 보통 해당 터미널에서 Ctrl+C를 누릅니다.
예시 명령 앞의 $는 입력을 기다리는 표시일 수 있습니다. 표시까지 복사하지 말고 실제 명령만 입력합니다. 파일을 지우거나 설치하는 명령은 무슨 작업인지 확인하고 실행합니다.
왜 알아야 할까요?
입력하는 줄과 결과를 읽는 부분을 구분하면 AI의 안내를 따라 실행하고, 어디서 막혔는지 설명하기 쉬워집니다.
조금 더 자세히
터미널은 별도 앱으로 열 수도 있고, VS Code 같은 편집기 안에서 열 수도 있습니다. 창의 배경색은 설정에 따라 다릅니다. 터미널 안에서는 PowerShell이나 zsh 같은 셸이 명령을 해석하고 프로그램을 실행합니다.
명령은 현재 선택된 폴더를 기준으로 실행되는 경우가 많습니다. npm run dev는 해당 프로젝트에 등록된 dev 작업을 실행하는 명령입니다. 모든 프로젝트에 이 명령이 있는 것은 아니므로 AI가 안내한 프로젝트 폴더와 실행 방법을 함께 확인합니다.
직접 사용할 때 확인해 보세요
- AI가 안내한 프로젝트 폴더인지 확인한다
- 명령어와 출력 결과를 구분해서 읽는다
- 오류를 질문할 때 실행한 명령과 관련 로그를 함께 전달한다
관계 지도
