C
개발 도구/IDE_터미널/Lesson 02

IDE + 터미널 — VS Code · IntelliJ · 셸 기본기

30분·theory

IDE + 터미널 — VS Code · IntelliJ · 셸 기본기

🎯 이 lesson 을 읽고 나면

이 lesson 을 다 읽고 나면 아래 3가지를 자신 있게 할 수 있습니다.

  • ✅ VS Code vs IntelliJ 선택 기준
  • ✅ Git 통합 단축키 (Ctrl+Shift+G · Alt+9)
  • ✅ shell 스크립트 안전 3종 (set -euo pipefail)

학습 목표를 체크리스트로 두고 다 답할 수 있게 되면 lesson 을 닫으세요.

IDE 선택과 핵심 단축키

한 줄: IDE = 생각 속도로 코드 이동. 단축키 5개만 익혀도 생산성 2배.

IDE 선택 기준:

IDE강점용도
VS Code가벼움·확장성JS/TS·Python·범용 (Copilot/Cursor 도 기반)
IntelliJ IDEA강력한 정적 분석Java·Kotlin·Spring (Ultimate 유료)
CursorAI 페어모든 언어 (VS Code fork + Claude/GPT 통합)
PyCharmPython 전용Django·과학 계산
WebStormJS 전용대규모 프론트엔드

필수 단축키 7가지 (VS Code 기준 / IntelliJ 병기):

동작VS CodeIntelliJ
빠른 파일 열기Ctrl+PCtrl+Shift+N
전체 검색Ctrl+Shift+FCtrl+Shift+F
심볼 이동Ctrl+TCtrl+Alt+Shift+N
정의로 이동F12Ctrl+B
리팩토링 (이름변경)F2Shift+F6
줄 복제Shift+Alt+DownCtrl+D
멀티 커서Ctrl+Alt+DownAlt+클릭

Git 통합 단축키 — 실무 매일 쓰는 8개

VS Code Git 통합

code
Ctrl+Shift+G       — Source Control 패널 열기
Ctrl+Enter         — staged 파일 커밋
Ctrl+Shift+P → Git — 모든 Git 명령 검색
Ctrl+K Ctrl+O      — 다른 폴더 열기

필수 확장 2개

  • GitLens — 라인별 blame 인라인 표시 (누가 언제 이 코드 작성했는지). 코드 위에 마우스 hover 만 해도 해당 줄의 커밋 메시지·작성자·날짜 가 떠올라옴.
  • Git Graph — 브랜치 히스토리 시각화. gitk 의 GUI 버전. 복잡한 머지 흐름 파악 에 압승.

IntelliJ Git 통합

code
Alt + 9            — Git 패널 (Local Changes·Log)
Ctrl + K           — 커밋
Ctrl + Shift + K   — Push
Ctrl + T           — Pull (Update Project)
Alt + ` (backtick) — Git 작업 전체 메뉴 (브랜치 / 머지 / 체크아웃 / stash)
Ctrl + Alt + Z     — 변경 되돌리기 (Revert)
Shift + Shift      — 어디서나 빠른 검색 (커밋 SHA 도 가능)

가장 자주 쓰는 워크플로 — IntelliJ 기준

code
1. Alt + `              → 메뉴
2. "New Branch"         → 새 브랜치
3. 작업 → Ctrl + K       → 커밋 (체크박스로 파일 선택)
4. Ctrl + Shift + K     → Push
5. PR 생성 (브라우저)
6. Alt + `              → "Checkout" → main 으로
7. Ctrl + T             → Pull

마우스 한 번 안 잡고 전체 Git 흐름 가능. 단축키 익히면 VCS 작업 시간 70% 감소.

VS Code 도 비슷한 흐름

code
Ctrl+Shift+G → 변경사항 확인 → 메시지 입력 → Ctrl+Enter
F1 → "Git: Push" → Enter
F1 → "Git: Checkout to..." → 브랜치 선택

터미널 + Linux 핵심 명령

파일·디렉토리:

  • ls -lah — 상세 목록 (퍼미션·크기·시간)
  • find . -name "*.ts" -type f — 재귀 검색
  • du -sh */ — 폴더별 용량
  • tree -L 2 — 트리 구조 (2단계)

검색·필터:

  • grep -rn "pattern" . — 재귀·줄번호
  • ripgrep (rg) — grep 보다 10배 빠름
  • cat file | head -20 / tail -f log — 앞/뒤 + 실시간

프로세스·자원:

  • ps aux | grep node — 프로세스 찾기
  • top / htop — 실시간 모니터
  • lsof -i :3000 — 포트 사용 프로세스
  • kill -9 <PID> — 강제 종료

네트워크:

  • curl -i URL — 헤더 포함 응답
  • ping host — 연결 확인
  • nc -zv host port — 포트 열림 확인
  • dig domain — DNS 조회

파이프 활용:

bash
# 디스크 많이 쓰는 폴더 Top 10
du -sh */ 2>/dev/null | sort -h | tail -10
# 3000 포트 점유 프로세스 죽이기
lsof -ti :3000 | xargs kill -9
💻 📌 셸 스크립트 안전 3종 세트 — set -euo pipefail
💻 📌 IDE·터미널 셋업 명령
# === VS Code ===
code .                              # 현재 폴더 열기
code --diff fileA fileB             # 두 파일 diff
code --install-extension <id>       # 확장 설치
# 추천 확장: ESLint, Prettier, GitLens, Error Lens, Pretty TypeScript Errors

# === IntelliJ ===
idea .                              # CLI 로 열기 (Toolbox 설정 필요)
# 추천 플러그인: Lombok, Rainbow Brackets, Key Promoter X, GitToolBox

# === 터미널 셋업 (zsh + oh-my-zsh) ===
sh -c "$(curl -fsSL https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"
# .zshrc 에:
#   alias g='git'
#   alias gst='git status -sb'
#   alias gl='git log --oneline --graph -20'
#   alias k='kubectl'
#   export PATH="$HOME/.local/bin:$PATH"

# === fzf (퍼지 파인더) — 강력 추천 ===
brew install fzf            # macOS
sudo apt install fzf        # Ubuntu
# 사용: Ctrl+R (이력 검색), Ctrl+T (파일 검색)

# === ripgrep (rg) ===
brew install ripgrep
rg "pattern" --type ts      # TS 파일만
rg -l "TODO"                # 매칭 파일 목록만

🤖 AI 에게 이렇게 요청해보세요

이 lesson 의 개념을 알면 AI 에게 구체적으로 지시할 수 있습니다. 막연한 "고쳐줘" 가 아니라 어휘를 가진 요청 — 그게 토큰 절약의 출발점입니다.

  • "내 IDE 단축키 10개를 cheat sheet 로 정리해줘"
  • "이 프로젝트에 어울리는 VS Code 확장 5개 추천해줘"

왜 이게 토큰을 줄이나

개념을 모를 땐 AI 답변을 받고도 "그게 뭐예요?" 를 다시 물어야 합니다. 그 "다시 물음" 이 토큰을 잡아먹습니다. 개념 한 번 익혀두면 대화가 한 번에 끝납니다.

IDE + 터미널 — VS Code · IntelliJ · 셸 기본기 - 개발 도구