LEVEL 0

🛠️ LEVEL 0: 기초 엔진 장착

코딩을 시작하기 전에 나의 컴퓨터를 개발이 가능한 최고의 환경으로 만들어봅니다.

무엇을 하나요?

웹사이트를 내 컴퓨터에서 돌리기 위한 '엔진'과 코드를 기록하고 보관하기 위한 '금고' 도구들을 설치합니다. 모든 개발의 기초가 되는 중요한 단계입니다.

0.1 Node.js & npm/npx 설치 (필수 엔진)

"나의 컴퓨터를 웹사이트 공장으로 만들어주는 기계"입니다. 웹사이트 언어(Javascript)를 내 컴퓨터에서도 이해하고 직접 사이트를 뚝딱뚝딱 조립할 수 있게 됩니다.

조금 더 궁금하다면?
Node.js는 웹 프로그램이 돌아가는 실행 환경(Runtime)입니다. 같이 설치되는 npm은 전 세계 개발자들이 미리 만들어둔 '코드 블록'들을 가져와서 내 프로젝트에 합칠 수 있게 해주는 도구함입니다.
  1. nodejs.org에 접속하여 LTS 버전을 설치합니다.
  2. 설치 완료 후 터미널을 열고 아래 명령어로 확인하세요.

    💡 터미널 여는 법
    - Mac: Command(⌘) + Space 누르고 '터미널' 검색
    - Windows: 시작(윈도우) 버튼 누르고 'PowerShell' 검색 후 실행

node -v  # 버전 정보 출력되면 성공!

🪟 Windows 사용자 필독! (스크립트 오류 해결)

PowerShell에서 npm 명령 실행 시 "이 시스템에서 스크립트를 실행할 수 없으므로..."라는 오류가 뜬다면, PowerShell(또는 Antigravity 터미널)에 아래 명령어를 복사해서 넣고 엔터를 치세요! (관리자 권한 없이 바로 가능합니다)

Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser

* 한 번만 설정하면 앞으로 다시 물어보지 않습니다.

0.2 Git 설치 (필수 기록 도구)

코드의 변경 이력을 기록하고 GitHub에 올리기 위한 타임머신 도구입니다.

🍎 Mac

Command(⌘) + Space를 눌러 '터미널'을 검색하여 실행합니다.
그 후 git --version을 입력하고 엔터를 쳐서 설치 팝업을 승인하세요.

🪟 Windows

git-scm.com에서 설치 파일을 받아 모두 Next를 눌러 설치합니다.

설치 후 시작(윈도우) 버튼을 누르고 'PowerShell'을 검색해 실행합니다.
그곳에 git --version을 입력하고 엔터를 쳐서 버전 정보가 나오면 성공!

0.3 GitHub (온라인 금고)

내 컴퓨터에서 만든 코드를 **인터넷상의 안전한 금고**에 옮겨두는 서비스예요. Vercel 같은 도구가 이 금고를 감시하며 자동으로 웹사이트를 배포해 줍니다.

  1. github.com에서 계정을 만듭니다.
  2. 우측 상단 New repository를 클릭해 금고(저장소)를 생성합니다.