터미널과 Node.js

해커 영화에 나오는 검은 창을 열고 그것이 친구라는 것을 알게 될 것야. 그리고 Node.js를 설치해.

터미널이 무엇인가요?

터미널은 마우스로 클릭하는 대신 텍스트로 컴퓨터에 명령을 입력하는 창야. 무섭게 보이지만 이는 사물을 제어하는 또 다른 방법일 뿐이며 프로그래머에게는 이것이 주요 방법야. 걱정하지 마해. 약 5개의 명령이 필요해.

⚠️

**부모와 함께 설치** – Prep 레벨의 편집기와 마찬가지로 설치해. 그리고 자신이 이해할 수 있는(또는 여기에서 나온) 명령만 터미널에서 실행해. 인터넷의 무작위 명령으로 인해 컴퓨터가 손상될 수 있어.

터미널을 여는 방법

Windows: 시작을 누르고 다음을 입력해.PowerShell, 그리고 그것을 엽니다. (VS Code 내에서 바로 터미널을 열 수도 있어: 메뉴 터미널 → 새 터미널 - 권장돼. 코드 바로 옆에 있어야 해.)
Mac: Cmd+스페이스바, 입력Terminal, Enter 키를 누릅니다. (또는 다시 VS Code에서 직접 실행해.)

한번 사용해 보세요

명령을 입력하고 Enter를 누르해.

echo Hi terminal

단말기는 “안녕 단말기”라고 응답한다. 이것이 바로 작동 방식야. 명령을 입력하고 → Enter → 컴퓨터가 응답해. 두 가지 유용한 정보:

pwd     # where am I right now? (prints the folder)
ls      # what's in this folder? (on Windows, "dir" also works)

Node.js가 무엇이고 왜 필요한가요?

지금까지 JavaScript는 브라우저에서만 실행되었어. Node.js를 사용하면 서버 등 어디에서나 실행할 수 있어. 그리고 가장 중요한 것은 Node.js에는 기성 코드(패키지)의 백화점인 npm이 함께 제공된다는 점야. 이 백화점은 잠시 후 React 및 Vite를 다운로드하는 데 사용할 것야.

설치

**[nodejs.org](https://nodejs.org)**로 이동하여 **LTS**라고 표시된 버전을 다운로드해(장기 지원 = 장기적으로 지원됨, 가장 안정적인 버전).

다운로드한 파일을 실행하고 설치 프로그램을 클릭해(다음 → 다음 → 설치). 아무것도 변경하지 마해. 기본 설정이 정확해.

**터미널을 닫았다가 다시 열고**(중요!) 설치를 확인해.

node --version
npm --version

두 개의 버전 번호가 표시되는 경우(예:v22.11.0그리고10.9.0), 끝났어.

💡

**"명령을 찾을 수 없어"?** 일반적으로 터미널(또는 VS Code 전체)을 닫았다가 다시 열면 문제가 해결돼. 그래도 도움이 되지 않으면 컴퓨터를 다시 시작하해. 설치 프로그램은 시스템이 새 프로그램을 "알려야" 해.

명령 치트 시트

이 네 가지 명령은 작업의 90%를 담당해. 저장:

명령	그것이 하는 일
`cd folder-name`	폴더로 이동해(`cd ..`= 한 폴더 뒤로 이동)
`ls`(또는`dir`)	폴더에 있는 내용 표시
`npm install`	프로젝트에 필요한 패키지 다운로드
`npm run dev`	개발 서버 시작(Ctrl+C로 중지)

✅

**직접 확인해 보세요:**`node --version`그리고`npm --version`둘 다 숫자를 인쇄하고 터미널을 사용하여 폴더로 이동할 수 있어(`cd`) 및 해당 내용을 나열해(`ls`). 전문가 워크숍이 준비되었어. 다음 강의에서는 첫 번째 React 앱을 설정해 보겠어.

이번 수업에서 배울 점

단말기 = 텍스트로 컴퓨터를 제어해. 명령 → Enter → 응답.
Node.js를 사용하면 JavaScript가 브라우저 외부에서 실행될 수 있어. npm은 수백만 개의 기성 패키지를 추가해.
기본사항:cd,ls,npm install,npm run dev, Ctrl+C로 중지해.