topic난이도 · 약 25

개발자 필수 도구

Git · Branch · PR · CI/CD · npm/pip · TypeScript · WebSocket/SSE — 코딩 외에 알아야 할 도구 총정리.

#Git#Branch#CI/CD#TypeScript#WebSocket#SSE
왜 배우는가

코드를 작성하고, 버전을 관리하고, 팀과 협업하고, 배포하고 — 개발자에게는 코딩 외에도 알아야 할 도구가 많다. 도구를 알아야 AI에게 올바르게 요청할 �� 있다.

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

바이브코더가 AI에게 '브랜치 만들어줘', 'CI/CD 설정해줘', 'TypeScript로 바꿔줘'라고 지시하려면, 이 도구들이 무엇인지 알아야 합니다.

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

Git, Branch, PR, CI/CD, npm/pip, env, TypeScript, Async/Await, Promise, WebSocket, SSE, SDK, CLI

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

Branch(브랜치) — 코드의 '평행 세계'입니다. main 브랜치에서 갈라져 나와 실험하고, 완성되면 합칩니다. PR(Pull Request) — '내 코드 합쳐주세요'라는 요청입니다. 코드 리뷰 후 merge됩니다.

CI/CD(Continuous Integration / Continuous Deployment) — 코드 변경 시 자동으로 테스트(CI)하고 배포(CD)하는 시스템입니다.

Git = 코드 세이브 포인트 시스템 Branch = 코드의 평행 세계 (독립 작업) PR = 코드 합침 요청 + 리뷰 CI/CD = 자동 테스트 + 자동 배포

npm(Node Package Manager) — JavaScript/Node.js 라이브러리 관리자. pip — Python 라이브러리 관리자. env(환경 변수) — 코드 밖에서 설정값을 관리하는 방식입니다.

TypeScript — JavaScript에 '타입'을 추가한 언어입니다. 버그를 실행 전에 잡아냅니다.

Promise — '나중에 결과를 줄게'라는 약속 객체입니다. Async/Await — Promise를 쉽게 다루는 문법입니다.

npm = JS 패키지 관리 / pip = Python 패키지 관리 TypeScript = JS + 타입 (버그 사전 방지) Promise = '나중에 결과 줄게' 약속 Async/Await = Promise를 읽기 쉽게 사용

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

SDK(Software Development Kit) — 특정 서비스를 쉽게 쓸 수 있는 도구 모음입니다. CLI(Command Line Interface) — 터미널에서 명령어로 조작하는 도구입니다.

WebSocket = 실시간 양방향 (전화 통화) SSE = 서버→클라이언트 단방향 (스트리밍) SDK = 서비스 사용 도구 모음 CLI = 터미널 명령어 도구

Git은 개발자의 '되돌리기 버튼'입니다. 핵심 명령어만 정리합니다.

Git 기본 흐름: init → add → commit → push. 브랜치로 독립 작업 후 merge.

init → add → commit → push. 이 4단계가 Git의 핵심입니다. 브랜치는 '안전한 실험실'입니다.

버전 관리 & 협업설명
Git코드 버전 관리 시스템 — 세이브 포인트
Branch코드의 평행 세계 — 독립적으로 작업 후 합침
PR'내 코드 합쳐주세요' 요청 — 코드 리뷰 후 merge
CI/CD코드 변경 시 자동 테스트(CI) + 자동 배포(CD)
패키지 & 언어설명
npm / pipJS / Python 라이브러리 관리자
env코드 밖에서 설정값 관리
TypeScriptJS + 타입 — 버그를 실행 전에 잡아냄
Async/Await비동기 처리 — 결과 올 때까지 기다렸다가 받기
통신 & 도구설명
WebSocket실시간 양방향 통신 (채팅, 주식 시세)
SSE서버 → 클라이언트 단방향 스트리밍 (ChatGPT 글자 출력)
SDK특정 서비스를 쉽게 쓸 수 있는 도구 모음
CLI터미널에서 명령어로 조작

Git 핵심 흐름: init → add → commit → push. 브랜치는 '안전한 실험실'입니다

실기 드릴 4문항
edit실기 드릴 · 단답형

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

edit실기 드릴 · 단답형

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

check_circle실기 드릴 · OX

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

edit실기 드릴 · 단답형

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