개발자 필수 도구

목수에게 도구가 있듯 개발자에게도 필수 도구가 있습니다

바이브코더가 AI에게 '브랜치 만들어줘', 'CI/CD 설정해줘', 'TypeScript로 바꿔줘'라고 지시하려면, 이 도구들이 무엇인지 알아야 합니다. 용어를 모르면 요청조차 할 수 없습니다. 이 섹션은 '개발자와 AI가 쓰는 공통 언어'를 정리합니다.

Git으로 코드를 관리하고, npm/pip으로 라이브러리를 설치하고, TypeScript로 안전하게 코딩하고, CI/CD로 자동 배포합니다.

Git — 코드 버전 관리 시스템입니다. 파일의 모든 변경 이력을 기록합니다. 세이브 포인트를 만드는 것과 같습니다. 실수하면 과거로 돌아갈 수 있습니다.

Branch(브랜치) — 코드의 '평행 세계'입니다. main(메인) 브랜치에서 갈라져 나와 실험하고, 완성되면 합칩니다. 새 기능마다 브랜치를 만들어 독립적으로 작업합니다. PR(Pull Request) — '내 코드 합쳐주세요'라는 요청입니다. 다른 개발자가 코드를 리뷰하고 승인하면 merge(합침)됩니다.

CI/CD(Continuous Integration / Continuous Deployment) — 코드 변경 시 자동으로 테스트(CI)하고 배포(CD)하는 시스템입니다. 공장의 자동화 라인과 같습니다. GitHub Actions, Vercel 등이 대표적입니다.

npm(Node Package Manager) — JavaScript/Node.js 라이브러리 관리자. `npm install react`로 설치합니다. pip — Python 라이브러리 관리자. `pip install pandas`로 설치합니다. env(환경 변수) — 코드 밖에서 설정값을 관리하는 방식입니다. API 키, DB 주소 등을 `.env` 파일에 넣습니다.

TypeScript — JavaScript에 '타입'을 추가한 언어입니다. `name: string = 'hello'`처럼 변수에 타입을 지정합니다. 버그를 실행 전에 잡아내서 대형 프로젝트에 필수입니다.

Promise — '나중에 결과를 줄게'라는 약속 객체입니다. API 호출처럼 시간이 걸리는 작업에 쓰입니다. Async/Await — Promise를 쉽게 다루는 문법입니다. `const data = await fetch(url)` — 결과가 올 때까지 기다렸다가 받습니다.

WebSocket — 서버와 클라이언트가 '항상 연결'된 상태로 실시간 양방향 통신하는 프로토콜입니다. 채팅, 실시간 알림, 주식 시세에 씁니다. 전화 통화와 같습니다. SSE(Server-Sent Events) — 서버에서 클라이언트로 단방향 실시간 전송입니다. ChatGPT가 글자를 하나씩 보여주는 것이 바로 SSE입니다.

SDK(Software Development Kit) — 특정 서비스를 쉽게 쓸 수 있는 도구 모음입니다. Supabase SDK, OpenAI SDK처럼 API를 편리하게 감싼 라이브러리입니다. CLI(Command Line Interface) — 터미널에서 명령어로 조작하는 도구입니다. `git push`, `npm install`, `claude` 모두 CLI 명령입니다.

Git은 개발자의 '되돌리기 버튼'입니다. AI에게 코드를 작성하게 할 때도, 변경 사항을 Git으로 추적해야 문제가 생겼을 때 이전 상태로 돌아갈 수 있습니다. 핵심 명령어만 정리합니다.

# ── Git 기본 흐름 ──

git init                    # 저장소 초기화
git add app.py             # 파일을 스테이지에 올림
git commit -m "첫 커밋"    # 세이브 포인트 생성

# ── 브랜치로 독립 작업 ──
git branch feature/login   # 새 브랜치 생성
git checkout feature/login # 그 브랜치로 이동
# ... 코드 작성 ...
git add . && git commit -m "로그인 기능 추가"

# ── 합치기 ──
git checkout main          # 메인으로 돌아와서
git merge feature/login    # 브랜치 합치기

# ── 원격 저장소 (GitHub) ──
git push origin main       # GitHub에 업로드

코드 변경 시 자동으로 테스트하고 배포하는 시스템은?

ChatGPT가 글자를 하나씩 보여주는 실시간 스트리밍에 사용되는 기술은?

TypeScript는 JavaScript에 타입을 추가하여 버그를 실행 전에 잡아내는 언어이다

Git에서 독립적으로 작업하기 위해 코드의 '평행 세계'를 만드는 것은?

개발자 필수 도구