개발 스킬

React 앱의 컴포넌트별 상태, 여러 화면 요소가 공유하는 상태, 서버에서 가져온 데이터를 구분하고 관리 방법의 선택과 구현을 돕습니다. Redux Toolkit, Zustand, Jotai, React Query와 기존 Redux에서의 마이그레이션을 다룹니다.

• 공유 상태 관리 라이브러리 선택
• 가져온 데이터와 캐시 관리
• Redux Toolkit으로 마이그레이션

컴파일 시점에 값과 구조의 불일치를 확인하도록 재사용 가능한 TypeScript 컴포넌트와 API 타입을 설계합니다. 제네릭, 조건부 타입, 속성 변환, 문자열 패턴으로 기존 정의에서 타입을 도출하고 그 동작을 테스트합니다.

• 타입 검사를 적용한 API 클라이언트 설계
• 공통 컴포넌트와 보조 타입 작성
• 설정값이나 상태 관리 타입 정의

기존 React 앱의 버전 업그레이드와 클래스 컴포넌트의 Hooks 기반 함수 컴포넌트 전환을 지원합니다. 상태 관리, 데이터 가져오기, Context, 사용자 정의 Hook, React 18의 렌더링과 업데이트 기능을 코드 예시로 살펴봅니다.

• React 16에서 18로의 업그레이드 검토
• 클래스 컴포넌트를 Hooks로 전환
• 공통 로직을 사용자 정의 Hook으로 분리

Plan and carry out major library and framework upgrades by checking compatibility, identifying changes that require code updates, testing each stage, and preparing rollback steps if an upgrade causes problems.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Planning a major framework upgrade
• Updating dependencies with known vulnerabilities
• Resolving conflicting package versions

재현 사례, 로그, 환경 차이와 가설 검증을 바탕으로 버그와 성능 문제의 원인을 좁히도록 안내합니다. 간헐적 오류, 메모리 누수, 프로덕션 장애를 조사하고 수정 전후의 성능을 비교할 수 있습니다.

• 간헐적으로 발생하는 버그 조사
• 애플리케이션의 느린 구간 측정
• 프로덕션 장애 증거 수집과 재현

Tailwind CSS v4로 공통 디자인 값과 재사용 가능한 UI 구성 요소를 정리해 일관된 인터페이스 기반을 만듭니다. 반응형 레이아웃, 다크 모드, 접근성, 구성 요소별 스타일 변형을 다룹니다.

• 재사용 가능한 UI 구성 요소를 만들 때
• 색상과 모서리 둥글기, 테마를 통일할 때
• 화면 크기와 접근성을 고려한 UI를 만들 때

AngularJS 앱을 Angular로 옮길 때 전체 재작성과 단계적 마이그레이션 중 적절한 방식을 고르고, 컴포넌트·서비스·라우팅을 전환하도록 돕습니다. 두 프레임워크를 함께 실행하며 기능별로 옮기는 예시도 다룹니다.

• AngularJS 마이그레이션 계획 세우기
• 대규모 앱을 기능별로 단계적으로 옮기기
• 디렉티브를 Angular 컴포넌트로 바꾸기

Set up and maintain a monorepo, a single repository containing multiple apps and packages. Use Turborepo, Nx, and pnpm workspaces to organize shared code, manage dependencies, improve builds, and plan package releases.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Setting up a repository for multiple apps and packages
• Moving separate repositories into a monorepo
• Reviewing build caches and test performance

C#과 .NET으로 API, MCP 서버, 업무 시스템을 설계하고 구현하는 예시를 제공합니다. 비동기 처리, 의존성 주입, 데이터베이스 접근, 설정, 캐시와 테스트를 다룹니다.

• .NET Web API 구조 설계
• C# 비동기 코드 검토
• 데이터 조회와 캐시 개선

EU 개인 데이터를 처리하는 시스템의 GDPR 데이터 처리 방식을 계획합니다. 동의, 열람·삭제 요청, 수집 범위, 보존 기간, 암호화와 접근 제어를 시스템 설계와 준수 점검에서 검토할 수 있습니다.

• EU 개인 데이터를 처리하는 시스템 설계
• 동의 화면과 이용 목적 검토
• 열람·삭제 요청 대응 정리

요구사항과 설계부터 정확성, 보안, 성능, 테스트까지 순서대로 코드 변경을 검토합니다. 필수 수정과 선택 제안을 구분해 구체적으로 전달하고, 팀 공통 리뷰 기준을 마련하는 데 활용할 수 있습니다.

• 풀 리퀘스트 체계적으로 검토
• 공통 리뷰 체크리스트 작성
• 주니어 개발자에게 구체적인 조언

Sequelize, TypeORM, Prisma를 사용해 데이터베이스 구조를 바꾸고 저장된 데이터를 변환하는 작업을 돕습니다. 서비스 중단을 피하기 위한 단계별 변경과 마이그레이션 실패 시 되돌리는 트랜잭션 및 백업 예시를 제공합니다.

• 데이터베이스 열 이름을 단계적으로 변경
• 주소 데이터를 여러 항목으로 분리
• 마이그레이션 실패 시 복구 절차 준비

Godot 4에서 GDScript로 캐릭터 이동, 체력 관리, 이벤트 알림, 장면 구성을 구현하는 패턴을 살펴봅니다. 게임 상태 관리와 성능 개선을 위한 설계 방향도 참고할 수 있습니다.

• 캐릭터 이동과 체력 구현
• Signal로 이벤트 연결
• 재사용 장면과 데이터 정리

Git 커밋 이력을 정리하고, 특정 커밋을 브랜치 사이에서 옮기며, 문제를 일으킨 커밋을 찾는 절차를 안내합니다. 여러 브랜치에서 동시에 작업하거나 참조 기록으로 잃어버린 커밋을 복구하는 방법도 다룹니다.

• 풀 리퀘스트 전에 이력 정리
• 특정 커밋을 다른 브랜치로 이동
• 문제를 일으킨 커밋 찾기

Express/Fastify로 Node.js API와 백엔드 서비스를 설계하고 구현합니다. 인증, 데이터베이스 연동, 오류 처리와 로깅, 상태 확인, 안전한 종료 같은 운영 항목을 다룹니다.

• Express 또는 Fastify로 REST API 구축
• 인증과 데이터베이스 접근 추가
• 미들웨어와 오류 처리 정리

여러 앱과 공유 라이브러리를 하나의 Nx 워크스페이스에서 관리하도록 구성합니다. 의존성 경계를 정하고 빌드 캐시를 활용하며, 변경 영향을 받은 프로젝트만 CI에서 실행하는 방법을 다룹니다.

• 새 Nx 워크스페이스 만들기
• 앱과 라이브러리 의존성 정리
• 영향받은 프로젝트만 CI 실행

커밋, 풀 리퀘스트, 릴리스 정보를 바탕으로 변경 기록과 릴리스 노트를 생성하는 흐름을 구성합니다. 커밋 형식을 통일하고 Semantic Versioning 규칙으로 버전 번호를 관리합니다.

• 커밋과 풀 리퀘스트에서 변경 기록 생성
• 팀 커밋 메시지 형식 통일
• GitHub 또는 GitLab 릴리스 노트 정리

기존 코드나 초기 설계를 바탕으로 OpenAPI 3.1 명세를 작성하고 관리합니다. API 문서 정리, 클라이언트 SDK 생성, 구현이 명세에 맞는지 확인하는 작업에 활용할 수 있습니다.

• 기존 코드에서 API 문서 작성
• 개발 전에 API 계약 정하기
• 명세에서 SDK 생성

중요한 기술 선택의 배경, 검토한 대안, 결정과 결과를 Architecture Decision Records(ADR)로 작성하고 관리합니다. 기록과 색인을 정리하고 상태를 추적해 팀이 나중에도 결정 이유를 확인할 수 있습니다.

• 프레임워크나 데이터베이스 선정 이유 기록
• 설계 대안과 장단점 문서화
• 새 팀원에게 기술 결정 배경 설명

데이터베이스가 쿼리를 처리하는 방식을 보여 주는 실행 계획을 읽어 느린 SQL을 조사합니다. PostgreSQL 사례를 통해 인덱스, 필터, 조인, 유지 관리 방법을 검토하고 병목을 찾아 쿼리나 데이터베이스 구조의 변경 방향을 세웁니다.

• 느린 SQL 쿼리의 원인 조사
• 인덱스 종류와 열 순서 검토
• EXPLAIN 실행 계획 읽기

프로젝트의 제품 정보, 기술 스택, 개발 절차, 작업 단위를 `conductor/` 문서로 작성하고 관리합니다. 기존 코드에서 배경을 정리하고, 구현 전 문서의 일관성을 확인하며, 프로젝트 변화에 맞춰 문서를 갱신합니다.

• 새 프로젝트의 전제 문서 만들기
• 기존 코드의 배경을 다음 세션에 전달하기
• 구현 전에 문서 간 모순 확인하기

원인이 여러 가지일 수 있는 버그를 여러 에이전트가 가설별로 나누어 조사합니다. 코드 근거와 상반된 발견을 비교해 근본 원인을 찾고, 수정 후 원래 문제와 관련 경계 사례를 확인합니다.

• 원인 후보가 여러 개인 버그 조사
• 여러 구성 요소에 걸친 장애 분석
• 막힌 디버깅 다시 검토

Claude Code Agent Teams에서 작업에 필요한 팀 규모와 역할, 에이전트 유형을 설계하도록 안내합니다. 리뷰, 디버깅, 구현, 조사, 보안 감사, 마이그레이션 구성 예시와 로컬 또는 CI 환경의 표시 설정을 다룹니다.

• 개발 작업의 인원과 역할 정하기
• 관점별로 리뷰 업무 나누기
• 문제 원인을 병렬로 조사하기

기능 추가, 버그 수정, 리팩터링을 Conductor의 작업 단위인 track으로 정리합니다. 사양과 계획을 만들고 진행 상태와 의존 관계를 기록하며, 검증 정보와 커밋 참조를 포함해 완료한 작업을 보관할 수 있습니다.

• 기능이나 버그 수정용 track 만들기
• 사양서와 작업 계획 정리
• 진행 상황, 의존 관계, 커밋 기록