⚙️ 개발 환경 설정

개발을 시작하기 위한 필수 환경 설정

💻 Terminal 기본 사용법

🪟 Windows

  • • Command Prompt (cmd)
  • • PowerShell (추천)
  • • Git Bash
  • • Windows Terminal

🍎 Mac

  • • Terminal (기본)
  • • iTerm2 (추천)
  • • Zsh (기본 쉘)
  • • Bash

⚡ PowerShell vs Command Prompt 차이점

Command Prompt (cmd)

  • • 오래된 전통적인 명령줄
  • • DOS 기반 명령어
  • • 기본적인 파일 조작만 가능
  • • 제한적인 스크립팅
  • • 개발용으로는 부족함
C:\> dir
C:\> cd Desktop

PowerShell (추천) ⭐

  • • 현대적이고 강력한 쉘
  • • 객체 기반 명령어
  • • Linux/Mac 명령어도 지원
  • • 고급 스크립팅 가능
  • • 개발자 친화적
PS C:\> ls
PS C:\> cd Desktop

💡 추천: Windows에서 개발할 때는 PowerShell을 사용하세요. Mac/Linux와 비슷한 명령어를 사용할 수 있어서 학습이 쉽습니다.

📁 폴더 이동 (cd)

# 현재 위치 확인
pwd
# 폴더로 이동
cd Desktop
cd Documents/Projects
# 상위 폴더로 이동
cd ..
# 홈 폴더로 이동
cd ~

📂 폴더 생성 (mkdir)

# 폴더 생성
mkdir workspace
# 여러 폴더 한번에 생성
mkdir -p workspace/projects/my-app
# 폴더 생성 후 이동
mkdir workspace && cd workspace

📋 파일/폴더 목록 보기 (ls/dir)

Mac/Linux
ls
ls -la
Windows
dir
dir /a

🔧 Git 설치

Git은 소스코드 버전 관리 시스템입니다. 개발 시 필수 도구입니다.

🪟 Windows 설치

# winget으로 Git 설치
winget install --id Git.Git -e --source winget
PowerShell을 관리자 권한으로 실행해서 명령어를 입력하세요.

🍎 Mac 설치

# Homebrew로 Git 설치
brew install git
Homebrew가 없다면 git --version으로 기본 설치 여부 확인

✅ 설치 확인

# Git 버전 확인
git --version
예상 출력: git version 2.41.0 (버전은 다를 수 있음)

📦 Node.js & NPM 설치

🪟 Windows 설치

  1. nodejs.org 방문
  2. "LTS" 버전 다운로드
  3. .msi 파일 실행해서 설치
  4. PowerShell 재시작
💡 팁: 설치 시 "Add to PATH" 옵션 체크 필수!

🍎 Mac 설치

방법 1: 공식 설치
  1. nodejs.org에서 .pkg 다운로드
  2. 설치 파일 실행
방법 2: Homebrew
brew install node

✅ 설치 확인

# Node.js 버전 확인
node --version
# NPM 버전 확인
npm --version
예상 출력: v18.17.0, 9.6.7 (버전은 다를 수 있음)
새 프로젝트 시작
npm init -y
패키지 설치
# 런타임 의존성
npm install react
# 개발 의존성
npm install -D nodemon

🚀 실습: 개발 환경 준비하기

# 1. 데스크톱으로 이동
cd Desktop
# 2. workspace 폴더 생성
mkdir workspace
# 3. workspace로 이동
cd workspace
# 4. 현재 폴더 내용 확인
ls

🎯 목표: 데스크톱에 workspace 폴더를 만들어 앞으로 모든 프로젝트를 이곳에서 관리합니다.