Development Environment
개발환경
매일 사용하는 개발 도구, AI 도구, 그리고 기술 스택.
개발 도구
AI 도구
MCP 서버
기술 스택
Dev Tools
개발 도구
매일 사용하는 핵심 개발 환경
VS Code
확장 프로그램 생태계와 통합 터미널로 대부분의 코딩 작업을 처리하는 메인 에디터.
Claude Code
AI 페어 프로그래밍 파트너. CLAUDE.md와 커스텀 스킬로 프로젝트별 컨텍스트를 관리합니다.
iTerm + tmux
분할 패널과 세션 관리로 여러 프로세스를 동시에 모니터링하는 터미널 환경.
Git + GitHub
버전 관리와 원격 저장소. SSH(ED25519) 인증으로 안전하게 코드를 관리합니다.
Docker
컨테이너 기반 개발 환경. MCP 서버 연동과 로컬 테스트에 활용합니다.
Homebrew
macOS 패키지 매니저. 개발 도구 설치와 업데이트를 한 줄로 처리합니다.
AI Tools
AI 도구
개발 워크플로우에 통합된 AI 어시스턴트
Claude
깊은 추론과 코드 생성에 활용. Claude Code CLI로 터미널에서 직접 협업합니다.
ChatGPT
브레인스토밍과 리서치에 활용. 다양한 관점에서 아이디어를 검증할 때 사용합니다.
GitHub Copilot
VS Code에서 실시간 코드 자동완성. 반복적인 패턴 작성 속도를 높여줍니다.
Gemini
Google의 멀티모달 AI. 이미지 분석과 긴 컨텍스트 작업에 활용합니다.
Grok
xAI의 실시간 정보 AI. 최신 트렌드와 뉴스 기반 리서치에 사용합니다.
Tech Stack
기술 스택
프로젝트에서 주로 사용하는 언어와 프레임워크
Next.js + TypeScript
SSG/SSR, App Router, 서버 컴포넌트로 빠르고 안전한 웹 앱을 구축합니다.
Three.js / R3F
React Three Fiber로 3D 인터랙티브 히어로 씬과 비주얼 이펙트를 구현합니다.
Python
AI 도구 연동, 데이터 분석, 자동화 스크립트에 활용합니다.
C / C++
알고리즘 문제풀이, 시스템 프로그래밍에 사용합니다.
Tailwind CSS
유틸리티 퍼스트 스타일링으로 일관된 디자인 시스템을 빠르게 구현합니다.
MCP Servers
MCP 서버 (15개)
Claude Code와 연동된 Model Context Protocol 서버
filesystem / github / git
파일 시스템 접근, GitHub API 연동, Git 저장소 관리를 AI 에이전트에게 제공합니다.
brave-search / firecrawl / fetch
웹 검색, 스크래핑, URL 콘텐츠 수집으로 실시간 정보를 에이전트에 전달합니다.
memory / sqlite
Knowledge Graph 기반 장기 기억과 SQLite 데이터베이스 직접 조작을 지원합니다.
slack / google-drive / docker
Slack 메시지 연동, Google Drive 파일 접근, Docker 컨테이너 관리 자동화.
playwright / magic-ui / semgrep
브라우저 자동화 테스트, UI 컴포넌트 생성, 정적 코드 분석을 수행합니다.
context7
최신 라이브러리 문서를 실시간으로 가져와 정확한 코드 생성을 돕는 컨텍스트 서버.