이 분야에는 코드를 관리하는 Git과 GitHub 협업 설정, 코드 리뷰, 개발 환경 설정, 브라우저에서 웹 페이지를 검사·디버깅하는 Chrome DevTools부터 문서 작성용 Markdown·LaTeX, 편집기 Vim·VS Code와 터미널 도구 tmux, 팀 업무를 관리하는 Jira, 웹 분석 도구 GA4·Segment, DB 클라이언트, 스프레드시트, 로우 코드 내부 도구 Retool, CMS 워드프레스, 3D 모델링 도구 Blender, 영상 인코딩 도구 Compressor까지 모았다. 각 노트는 "무엇을 왜 쓰는지 → 핵심 사용법 → 실무 팁" 순서로 정리되어 있다.
하위 주제
- Code Review: 코드 리뷰 원칙과 체크리스트, 리뷰 코멘트와 PR 소통, 코드 리뷰에서 자주 나온 지적, 리팩터링 원칙, Simple Design, 불리언 변수 이름 짓기, 삭제하기 쉬운 코드
- Git: 버전 관리 기본, 브랜치와 병합, 원격 저장소·미러링, 되돌리기와 이력 다루기, 커밋 컨벤션, GitHub 협업 설정
- 유의적 버전(SemVer): MAJOR.MINOR.PATCH를 올리는 기준, 0.x와 프리릴리스, 버전 비교 순서, npm의 ^·~ 범위
- Chrome DevTools: 패널 지도와 명령 메뉴·단축키, DOM·CSS, Console, JavaScript 디버깅, Network, 성능·메모리, Application, 기기 에뮬레이션, AI 지원과 DevTools MCP
- Markdown: 문서 작성용 마크업 문법, Mermaid 다이어그램, markdownlint
- 다이어그램 코드: 텍스트로 그려 버전 관리하는 다이어그램, Diagrams·Mermaid·PlantUML·Markmap·JSON Crack
- LaTeX 시작하기: 구조를 명령어로 쓰고 서식은 컴파일러에 맡기는 조판 언어, Overleaf, 문서 기본 구조와 kotex
- Vim과 Neovim: ed → vi → Vim → Neovim 계보, 두 편집기 비교, 플러그인 관리, listchars·fold·
<expr>매핑·시스템 클립보드 같은 편집 기술, man 페이지·Vimium - tmux: 터미널 멀티플렉서: 세션·창·패인, detach/attach로 SSH 작업 살려 두기, 기본 키
- The Missing Semester: CS 교육에서 빠진 도구 학기: MIT의 도구 활용 과정 2026년판 9강 지도. 셸, 편집기, 디버깅·프로파일링, Git, 패키징과 배포, 에이전틱 코딩, 코드 품질
- 개발 도구 지형도와 세상을 바꾼 오픈소스: 범주별 개발 도구 지도, 분야의 판도를 바꾼 오픈소스, 기업이 코드를 공개하는 이유
- VS Code 설정과 활용: settings.json과 설정 동기화, launch.json 디버깅, github.dev, 쓸 만한 확장
- 구글 검색 연산자: 따옴표·제외·OR 같은 기본 연산자와 site:·intitle:·filetype: 같은 고급 연산자, 사라진 연산자
- 개발 환경: Windows 개발 환경, 로컬 HTTPS(mkcert), Java 빌드 도구와 IntelliJ 실행 오류, pyenv로 Python 환경 잡기
- Jira: 이슈 구성, JQL, 워크플로: 이슈 필드와 Epic·Component·Label 구분, JQL 검색, 워크플로·Board·Sprint·스토리 포인트, Bulk Change 같은 실무 팁
- GA4 시작하기, Segment로 사용자 데이터 수집하기: 웹 분석 도구 GA4 설정과 Segment로 이벤트 수집·전달하기
- DBeaver에서 SQL로 데이터 다루기: 여러 DBMS를 다루는 무료 GUI 클라이언트, PostgreSQL 연결, SQL 편집기로 조회·수정
- Google Sheets vs Excel: 공동 작업·배열 함수·Apps Script로 협업과 자동화에 강한 Google Sheets의 장점
- Blender: 화면 조작·변형 단축키, Edit 모드, 메시 편집 도구, 모디파이어, Shading → Material → UV → Rigging 흐름
- Compressor로 영상 용량 줄이기: M1 이상 Mac에서 MPEG-4 프리셋 하드웨어 인코딩, 비트레이트 4,500Kbps로 유튜브 수준 용량
- Retool: 어드민·대시보드 같은 내부 도구를 만드는 로우 코드 플랫폼
- 워드프레스: 설계 철학, 테마·플러그인 고르기, 사이트 속도 개선, 개발자로 성장하는 길과 생태계 비즈니스