Keyco signature

Skills & Tools

다룰 수 있는 기술,
그리고 일하는 도구

실제 프로젝트와 업무에서 사용한 기술과 도구입니다. 새로운 기술과 AI 활용 방식에 관심이 많아, 실제 프로젝트에 적용하며 계속 학습하고 실험합니다.

핵심 기술

Development

  • JavaScript
  • TypeScript
  • React
  • Next.js
  • Python
  • Swift

KBO-Hub와 macOS 도구, 자동화 스크립트 개발에 사용합니다. JavaScript는 부스트캠프 챌린지에서 ES6+ 과제로 다뤘습니다.

Styling & Markup

  • HTML
  • CSS
  • Tailwind CSS
  • Responsive Web
  • Accessibility

마케팅 랜딩 페이지 수정과 KBO-Hub UI 구축에 사용했습니다. 시맨틱 마크업과 접근성을 함께 고려합니다.

Backend & Management

  • Supabase
  • PostgreSQL
  • Auth
  • RLS
  • Storage

KBO-Hub의 인증과 데이터 계층에 사용했습니다. Row Level Security로 사용자 데이터를 격리합니다.

AI-assisted Development

CLI Agent Operations

여러 AI 에이전트와 모델을 도구로 다루며, KBO-Hub와 이 포트폴리오 개발에 직접 적용해 온 엔지니어링 워크플로우입니다. AI 브랜드는 주인공이 아니라 작업을 지탱하는 도구이며, 라우팅과 검증의 최종 판단은 항상 사람이 합니다.

Tools in Operation

  • Claude / Claude Code복합 구현 · 리팩터링 트랙
  • Codex / Codex CLI빠른 단위 작업 · 보조 트랙
  • Google Antigravity탐색 · 프로토타이핑
  • AiderGit 연동 pair 편집
  • OpenCodeCLI 범용 에이전트
  • 기타 CLI 개발 도구스크립트 · 자동화 유틸

How They Are Operated

  • Agent Routing

    작업 성격과 잔여 쿼터에 따라 모델·에이전트를 사람이 직접 라우팅

  • Parallel Workers

    독립 트랙을 병렬 워커로 동시 진행 — worktree당 수정 주체 1개

  • Independent Review

    구현 에이전트와 분리된 시니어 리뷰 에이전트가 빌드·타입·보안·회귀 감사

  • Human Final QA

    최종 판단은 항상 사람 — Human Runtime QA와 Security Gate 통과 후 병합

Tools & Workflow

일하는 도구 체계

Development & Version Control

  • Git
  • GitHub
  • Git Worktree
  • Cloudflare

브랜치 전략과 worktree 격리, Cloudflare 기반 배포.

AI & CLI Development

  • cmux
  • Claude Code
  • Codex CLI
  • Google Antigravity
  • Aider
  • OpenCode

터미널 중심의 AI 에이전트 병렬 운영 환경.

Collaboration & Documentation

  • Notion
  • Jira
  • Slack
  • Microsoft Teams

기획·이슈 트래킹·인수인계 문서화와 팀 협업.

Content & Media

  • Final Cut Pro
  • Blog
  • SNS

영상 편집과 채널 콘텐츠 제작 파이프라인.

Documentation — Notion

기록이 곧 인수인계입니다

Notion은 단순 메모가 아니라 프로젝트 운영의 중심 도구로 사용합니다. 기획부터 릴리스까지의 기록을 한 곳에서 관리합니다.

  • 프로젝트 기획

    요구사항과 범위 정의 문서화

  • Day Log

    작업 단위별 진행 기록

  • 디자인 결정

    판단 근거와 대안 비교 기록

  • QA 체크포인트

    검증 항목과 결과 정리

  • HANDOFF 문서

    트랙 간 인수인계 문서화

  • 프로젝트 아카이브

    완료 후 기록 보존

Development Environment

VS CodeGhosttyYazibtopLazyGit

터미널 중심의 개발 환경을 꾸려 사용합니다 — 에디터는 VS Code, 터미널은 Ghostty, 파일 탐색은 Yazi, 모니터링은 btop, Git 작업은 LazyGit.

Development Workflow

계획부터 릴리스 게이트까지

KBO-Hub와 이 포트폴리오 모두 아래 프로세스로 개발했습니다. 작업을 격리하고, 구현과 검증을 분리하고, 사람이 최종 확인합니다. 스크롤에 따라 파이프라인이 진행됩니다.

  1. 01 · Plan

    계획

    요구사항과 작업 범위를 정의하고 트랙을 나눕니다.

  2. 02 · Documentation

    문서화

    Notion에 기획 문서와 Day Log, HANDOFF를 정리합니다.

  3. 03 · Branch Strategy

    브랜치 전략

    dev 기준으로 역할과 범위에 맞는 브랜치를 설계합니다.

  4. 04 · Worktree Isolation

    Worktree 격리

    Git worktree로 작업 트리를 물리적으로 분리합니다.

  5. 05 · Agent Assignment

    에이전트 배치

    cmux 세션에 트랙별 에이전트를 배치합니다.

  6. 06 · Parallel Implementation

    병렬 구현

    독립 트랙을 동시에 구현합니다.

  7. 07 · Independent Review

    독립 리뷰

    구현자와 분리된 리뷰 에이전트가 빌드·타입·보안·회귀를 감사합니다.

  8. 08 · Remediation

    보완

    발견된 결함을 단계별로 수정하고 재검토합니다.

  9. 09 · Integration

    통합

    게이트를 통과한 결과만 dev에 병합합니다.

  10. 10 · Human Runtime QA

    Human Runtime QA

    실제 동작 환경에서 인간 관점으로 검증합니다.

  11. 11 · Release Gate

    릴리스 게이트

    보안·프라이버시 최종 확인 후 릴리스합니다.

Relevant Capabilities

Isolation

  • Git Branch Strategy
  • Git Worktree Strategy
  • Agent-per-Worktree

Agent Operations

  • CLI Agent Operations
  • Parallel Worker Pipeline

Review & Quality

  • Independent Senior Review
  • Remediation / Re-review
  • Human Runtime QA
  • Security / Release Gate

Documentation

  • HANDOFF Documentation

Development Architecture

개발 환경이 연결되는 방식

위의 워크플로우가 순서를 보여준다면, 이 다이어그램은 구조를 보여줍니다. 사람에서 시작해 문서화, cmux 에이전트 오케스트레이션, Git 격리, 검증 게이트를 거쳐 릴리스와 HANDOFF로 끝나는 개발 환경의 시스템 토폴로지입니다.

  • branch / worktree 명시적 격리
  • 병렬 독립 워커 운영
  • worktree당 수정 주체 1개
  • 독립 시니어 리뷰
  • Remediation / 재검토 루프
  • Human Runtime QA
  • Security / Release Gate
  • HANDOFF 문서화