🛠️ LEVEL 0: 기초 엔진 장착
코딩을 시작하기 전에 나의 컴퓨터를 개발이 가능한 최고의 환경으로 만들어봅니다.
무엇을 하나요?
웹사이트를 내 컴퓨터에서 돌리기 위한 '엔진'과 코드를 기록하고 보관하기 위한 '금고' 도구들을 설치합니다. 모든 개발의 기초가 되는 중요한 단계입니다.
0.1 Node.js & npm/npx 설치 (필수 엔진)
"나의 컴퓨터를 웹사이트 공장으로 만들어주는 기계"입니다. 웹사이트 언어(Javascript)를 내 컴퓨터에서도 이해하고 직접 사이트를 뚝딱뚝딱 조립할 수 있게 됩니다.
조금 더 궁금하다면?
- nodejs.org에 접속하여 LTS 버전을 설치합니다.
- 설치 완료 후 터미널을 열고 아래 명령어로 확인하세요.
💡 터미널 여는 법
- 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 같은 도구가 이 금고를 감시하며 자동으로 웹사이트를 배포해 줍니다.
- github.com에서 계정을 만듭니다.
- 우측 상단 New repository를 클릭해 금고(저장소)를 생성합니다.