개발자 성장 분석

개발자 성장 분석은(는) 무엇을 하나요?

이 스킬은 Claude Code 채팅 상호 작용을 분석하여 강점과 성장 영역을 드러내는 패턴을 식별함으로써, 최근 코딩 작업에 대한 개인 맞춤형 피드백을 제공합니다.

이 스킬을 사용해야 하는 경우

다음과 같은 경우에 이 스킬을 사용하세요:

• 최근 작업에서 자신의 개발 패턴과 습관을 이해하고 싶을 때
• 특정 기술적 격차나 반복적인 문제를 식별하고 싶을 때
• 더 깊이 학습하면 도움이 될 주제를 발견하고 싶을 때
• 실제 작업 패턴에 맞춰진 맞춤형 학습 자료를 얻고 싶을 때
• 최근 프로젝트 전반의 개선 영역을 추적하고 싶을 때
• 현재 개발 중인 기술을 직접적으로 다루는 고품질 문서를 찾고 싶을 때

이 스킬은 코드 리뷰를 기다리지 않고 자신의 성장에 대한 구조화된 피드백을 원하며, 자신의 작업 기록에서 얻은 데이터 기반 인사이트를 선호하는 개발자에게 이상적입니다.

이 스킬이 하는 일

이 스킬은 개발 작업에 대해 6단계 분석을 수행합니다:

1. 채팅 기록 읽기: 지난 24-48시간 동안의 로컬 Claude Code 채팅 기록에 접근하여 어떤 작업을 했는지 파악합니다.

2. 개발 패턴 식별: 해결 중인 문제 유형, 사용 중인 기술, 직면한 과제, 다양한 종류의 작업에 접근하는 방식을 분석합니다.

3. 개선 영역 감지: 기술 격차, 반복적인 어려움, 비효율적인 접근 방식 또는 더 깊은 지식이 도움이 될 영역을 시사하는 패턴을 인식합니다.

4. 개인 맞춤형 보고서 생성: 작업 요약, 식별된 개선 영역 및 성장을 위한 구체적인 권장 사항을 보여주는 종합 보고서를 만듭니다.

5. 학습 자료 찾기: HackerNews를 사용하여 개선 영역과 직접적으로 관련된 고품질 문서와 토론을 선별하여, 실제 개발 작업에 맞춤화된 읽기 목록을 제공합니다.

6. Slack DM으로 전송: 완성된 보고서를 자신의 Slack 다이렉트 메시지로 자동 전송하여 언제 어디서든 참조할 수 있도록 합니다.

사용 방법

Claude에게 최근 코딩 작업을 분석하도록 요청하세요:

내 최근 채팅 내용을 바탕으로 개발자 성장을 분석해줘

또는 특정 기간을 지정할 수도 있습니다:

오늘 작업을 분석하고 개선할 영역을 제안해줘

이 스킬은 형식화된 보고서를 생성합니다:

• 최근 작업 개요
• 식별된 주요 개선 영역
• 각 영역에 대한 구체적인 권장 사항
• HackerNews에서 선별된 학습 자료
• 집중할 수 있는 실행 항목

지침

사용자가 최근 작업에서 개발자 성장이나 코딩 패턴 분석을 요청하면:

1. 채팅 기록 접근

   ~/.claude/history.jsonl 파일에서 채팅 기록을 읽습니다. 이 파일은 JSONL 형식이며 각 줄에는 다음이 포함됩니다:

   • display: 사용자의 메시지/요청
   • project: 작업 중인 프로젝트
   • timestamp: Unix 타임스탬프 (밀리초)
   • pastedContents: 붙여넣은 코드 또는 콘텐츠

   현재 타임스탬프를 기준으로 지난 24-48시간의 항목을 필터링합니다.

2. 작업 패턴 분석

   필터링된 채팅에서 다음을 추출하고 분석합니다:

   • 프로젝트 및 도메인: 사용자가 어떤 유형의 프로젝트를 작업했는가? (예: 백엔드, 프론트엔드, 데브옵스, 데이터 등)
   • 사용된 기술: 대화에 어떤 언어, 프레임워크 및 도구가 나타나는가?
   • 문제 유형: 어떤 범주의 문제가 해결되고 있는가? (예: 성능 최적화, 디버깅, 기능 구현, 리팩토링, 설정/구성)
   • 직면한 과제: 사용자가 어떤 문제에 어려움을 겪었는가? 다음을 찾아보세요:
     • 유사한 주제에 대한 반복적인 질문
     • 해결하는 데 여러 번 시도가 필요한 문제
     • 지식 격차를 나타내는 질문
     • 복잡한 아키텍처 결정
   • 접근 방식 패턴: 사용자가 문제를 어떻게 해결하는가? (예: 체계적, 탐색적, 실험적)

3. 개선 영역 식별

   분석을 기반으로 사용자가 개선할 수 있는 3-5개의 구체적인 영역을 식별합니다. 이 영역은 다음 조건을 충족해야 합니다:

   • 구체적 ("코딩 실력 향상"과 같이 모호하지 않음)
   • 증거 기반 (실제 채팅 기록에 근거함)
   • 실행 가능 (실제로 개선할 수 있는 실용적인 방법)
   • 우선순위 지정 (영향력이 가장 큰 것부터)

   좋은 개선 영역의 예:

   • "고급 TypeScript 패턴 (제네릭, 유틸리티 타입, 타입 가드) - [특정 프로젝트]에서 타입 안전성에 어려움을 겪었습니다."
   • "오류 처리 및 유효성 검사 - 널 검사 누락과 관련된 여러 버그를 패치하는 것을 발견했습니다."
   • "Async/await 패턴 - 최근 작업에서 경쟁 조건 및 타이밍 문제가 있습니다."
   • "데이터베이스 쿼리 최적화 - 동일한 쿼리를 여러 번 다시 작성했습니다."

4. 보고서 생성

   다음 구조로 종합 보고서를 만듭니다:

   # 개발자 성장 보고서
   
   **보고 기간**: [어제 / 오늘 / [사용자 지정 날짜 범위]]
   **마지막 업데이트**: [현재 날짜 및 시간]
   
   ## 작업 요약
   
   [사용자가 작업한 내용, 건드린 프로젝트, 사용된 기술, 전반적인 초점 영역을 요약한 2-3문단]
   
   예시:
   "지난 24시간 동안 주로 세 가지 프로젝트에서 백엔드 개발에 집중했습니다. 작업에는 TypeScript, React, 배포 인프라가 포함되었습니다. 기능 구현, 디버깅, 아키텍처 결정을 혼합하여 처리했으며, 특히 API 설계 및 데이터베이스 최적화에 중점을 두었습니다."
   
   ## 개선 영역 (우선순위별)
   
   ### 1. [영역 이름]
   
   **중요한 이유**: [이 기술이 사용자의 작업에 중요한 이유 설명]
   
   **관찰된 내용**: [이 격차를 보여주는 채팅 기록의 구체적인 증거]
   
   **권장 사항**: [이 영역을 개선하기 위한 구체적인 단계]
   
   **숙달까지 예상 시간**: [필요한 노력에 대한 간략한 추정]
   
   ---
   
   [2-4개의 추가 영역에 대해 반복]
   
   ## 관찰된 강점
   
   [잘하고 있는 2-3가지 핵심 사항 - 계속해야 할 것들]
   
   ## 실행 항목
   
   우선순위 순서:
   1. [가장 높은 우선순위 개선 영역에서 도출된 실행 항목]
   2. [다음 영역의 실행 항목]
   3. [다음 영역의 실행 항목]
   
   ## 학습 자료
   
   [다음 단계에서 채워짐]
   

5. 학습 자료 검색

   Rube MCP를 사용하여 각 개선 영역과 관련된 기사를 HackerNews에서 검색합니다:

   • 각 개선 영역에 대해 고품질 자료를 대상으로 하는 검색어를 구성합니다.
   • RUBE_SEARCH_TOOLS를 사용하여 다음과 같은 쿼리로 HackerNews를 검색합니다:
     • "[Technology/Pattern] 모범 사례 배우기"
     • "[Technology] 고급 패턴 및 기술"
     • "[언어]에서 [특정 문제 유형] 디버깅"
   • 참여도가 높은 게시물(댓글, 추천 수)을 우선시합니다.
   • 각 영역에 대해 2-3개의 가장 관련성 높은 기사를 포함하고 다음 정보를 제공합니다:
     • 기사 제목
     • 게시 날짜
     • 관련성에 대한 간략한 설명
     • 기사 링크

   이 섹션을 보고서에 추가합니다:

   ## 선별된 학습 자료
   
   ### 대상: [개선 영역]
   
   1. **[기사 제목]** - [날짜]
      [다루는 내용과 개선 영역에 왜 관련이 있는지 설명]
      [링크]
   
   2. **[기사 제목]** - [날짜]
      [설명]
      [링크]
   
   [다른 개선 영역에 대해 반복]
   

6. 전체 보고서 제시

   사용자가 다음을 할 수 있도록 깔끔하고 읽기 쉬운 형식으로 보고서를 제공합니다:

   • 핵심 내용을 빠르게 스캔
   • 집중적인 학습 계획에 활용
   • 개선 사항을 작업하는 동안 다음 주에 걸쳐 참조
   • 외부 피드백을 원할 경우 멘토와 공유

7. Slack DM으로 보고서 전송

   Rube MCP를 사용하여 전체 보고서를 사용자의 Slack DM으로 전송합니다:

   • RUBE_SEARCH_TOOLS를 통해 Slack 연결이 활성화되어 있는지 확인합니다.
   • 연결되지 않은 경우 RUBE_MANAGE_CONNECTIONS를 사용하여 Slack 인증을 시작합니다.
   • RUBE_MULTI_EXECUTE_TOOL을 사용하여 형식화된 메시지로 보고서를 전송합니다:
     • 첫 번째 메시지로 보고서 제목과 기간을 보냅니다.
     • 보고서를 논리적 섹션(요약, 개선 사항, 강점, 실행 항목, 자료)으로 나눕니다.
     • 각 섹션을 적절한 마크다운을 사용하여 잘 구조화된 Slack 메시지로 형식화합니다.
     • 학습 자료에 대한 클릭 가능한 링크를 포함합니다.
   • CLI 출력에서 전송 확인을 표시합니다.

   이렇게 하면 사용자가 정기적으로 확인하는 장소에 보고서가 저장되어 한 주 동안 참조할 수 있습니다.

사용 예시

입력

내 최근 채팅 내용을 바탕으로 개발자 성장을 분석해줘

출력

# 개발자 성장 보고서

**보고 기간**: 2024년 11월 9-10일
**마지막 업데이트**: 2024년 11월 10일, 21:15 UTC

## 작업 요약

지난 이틀 동안 백엔드 인프라 및 API 개발에 집중했습니다. 주요 프로젝트는 오픈 소스 쇼케이스 애플리케이션이었으며, 연결 관리, UI 개선 및 배포 구성에서 상당한 진전을 이루었습니다. TypeScript, React, Node.js로 작업하면서 데이터 보안부터 반응형 디자인까지 다양한 과제를 해결했습니다. 귀하의 작업은 기능 구현과 기술 부채 해결 사이의 균형을 보여줍니다.

## 개선 영역 (우선순위별)

### 1. 고급 TypeScript 패턴 및 타입 안전성

**중요한 이유**: TypeScript는 귀하의 작업에서 핵심이지만, 고급 기능(제네릭, 유틸리티 타입, 조건부 타입, 타입 가드)을 활용하면 코드 안정성이 크게 향상되고 런타임 오류가 줄어듭니다. 더 나은 타입 안전성은 프로덕션이 아닌 컴파일 타임에 버그를 잡아냅니다.

**관찰된 내용**: 최근 채팅에서 연결 데이터 구조로 작업할 때 인증 구성을 제대로 입력하는 데 몇 번 어려움을 겪었습니다. 또한 다양한 연결 상태에 대한 유니온 타입을 반복해야 했습니다. 판별 유니온과 타입 가드를 더 효과적으로 사용할 기회가 있습니다.

**권장 사항**: TypeScript의 고급 타입 시스템, 특히 유틸리티 타입(Omit, Pick, Record), 조건부 타입 및 판별 유니온을 학습하세요. 이러한 패턴을 연결 구성 처리 및 인증 상태 관리에 적용하세요.

**숙달까지 예상 시간**: 집중 학습 및 연습 5-8시간

### 2. UI에서 안전한 데이터 처리 및 정보 은닉

**중요한 이유**: 콘솔에 민감한 연결 데이터가 표시되는 보안 문제를 식별하고 수정했습니다. 정보 유출을 방지하는 것은 사용자 자격 증명 및 API 키를 처리하는 애플리케이션에 매우 중요합니다. 좋은 관행은 보안 사고와 사용자 신뢰 위반을 방지합니다.

**관찰된 내용**: "내 앱" 페이지에 인증 구성을 포함한 전체 연결 데이터가 표시되고 있음을 발견했습니다. 이는 좋은 보안 감각을 보여주며, 다음 단계는 민감한 정보를 처리할 때 이를 기본적인 사고 방식에 포함시키는 것입니다.

**권장 사항**: 프론트엔드 애플리케이션에서 민감한 데이터를 처리하기 위한 보안 모범 사례를 검토하세요. 표시하기 전에 민감한 정보를 필터링/마스킹하기 위한 재사용 가능한 패턴을 만드세요. UI에 표시할 수 있는 내용을 명시적으로 허용 목록에 추가하는 안전한 데이터 계층 구현을 고려하세요.

**숙달까지 예상 시간**: 3-4시간

### 3. 컴포넌트 아키텍처 및 반응형 UI 패턴

**중요한 이유**: 다양한 화면 크기와 사용자 상호 작용에서 작동해야 하는 UI를 설계하고 있습니다. 강력한 컴포넌트 아키텍처를 사용하면 버그 없이 복잡한 UI를 더 쉽게 구축할 수 있고 유지 관리성이 향상됩니다.

**관찰된 내용**: "마켓플레이스" UI(이전 명칭 Browse Tools)를 작업하여 디자인 이미지에서 재현했습니다. 또한 콘텐츠가 컨테이너를 넘쳐 흐르는 스크롤 문제를 식별하고 수정했습니다. 레이아웃 포함 및 반응형 디자인 패턴에 대한 이해를 강화할 기회가 있습니다.

**권장 사항**: React 컴포넌트 구성 패턴과 CSS 레이아웃 모범 사례(특히 flexbox 및 grid)를 학습하세요. 오버플로 문제를 방지하는 컨테이너 쿼리 및 반응형 패턴에 집중하세요. 컴포넌트 구성 라이브러리 및 디자인 시스템 접근 방식을 살펴보세요.

**숙달까지 예상 시간**: 6-10시간 (깊이에 따라 다름)

## 관찰된 강점

- **보안 인식**: 문제가 발생하기 전에 데이터 유출 문제를 사전에 식별했습니다.
- **반복적 개선**: 체계적으로 UI 요구 사항을 작업하고, 명확한 질문을 하며 디자인을 개선했습니다.
- **풀스택 역량**: 백엔드 API, 프론트엔드 UI, 배포 문제를 편안하게 넘나듭니다.
- **문제 해결 접근 방식**: 복잡한 작업을 관리 가능한 단계로 세분화합니다.

## 실행 항목

우선순위 순서:
1. TypeScript 유틸리티 타입 및 판별 유니온 학습에 1-2시간 투자; 연결 데이터 구조에 적용
2. 프로젝트에 대한 보안 패턴 문서화 (표시해도 안전한 데이터, 필터링/마스킹 함수)
3. 고급 React 패턴에 관한 기사 하나를 학습하고 현재 UI 작업에 하나의 패턴 적용
4. 향후 PR에 대한 타입 안전성 및 데이터 보안에 초점을 맞춘 코드 리뷰 체크리스트 설정

## 선별된 학습 자료

### 대상: 고급 TypeScript 패턴

1. **TypeScript의 고급 타입: 제네릭, 유틸리티 타입 및 조건부 타입** - HackerNews, 2024년 10월
   실용적인 예제와 실제 애플리케이션을 통해 TypeScript의 타입 시스템을 심층적으로 다룹니다. 판별 유니온, 타입 가드 및 복잡한 애플리케이션에서 컴파일 타임 안전성을 보장하는 패턴을 다룹니다.
   [토론 링크]

2. **TypeScript로 타입 안전한 API 구축하기** - HackerNews, 2024년 9월
   오류를 조기에 포착하는 TypeScript로 API를 설계하기 위한 실용적인 가이드입니다. 연결 구성 작업과 특히 관련이 있습니다.
   [토론 링크]

### 대상: 프론트엔드에서 안전한 데이터 처리

1. **웹 애플리케이션에서 정보 유출 방지** - HackerNews, 2024년 8월
   민감한 정보 필터링, 안전한 로깅, 감사 추적을 포함한 프론트엔드 애플리케이션의 데이터 보안에 대한 종합 가이드입니다.
   [토론 링크]

2. **OAuth 및 API 키 관리 모범 사례** - HackerNews, 2024년 7월
   다양한 프레임워크에 대한 예제와 함께 애플리케이션에서 인증 토큰과 API 키를 안전하게 처리하는 방법.
   [토론 링크]

### 대상: 컴포넌트 아키텍처 및 반응형 UI

1. **React 컴포지션 패턴: 복잡한 UIs 구축하기** - HackerNews, 2024년 10월
   복잡한 사용자 인터페이스를 구축하기 위한 고급 React 패턴 탐구. 확장 가능한 UI 시스템 구축을 위한 컨테이너 패턴, 렌더 프롭스 및 커스텀 훅을 다룹니다.
   [토론 링크]

2. **현대적인 CSS 레이아웃: Flexbox, Grid 및 Container Queries** - HackerNews, 2024년 9월
   반응형 디자인 패턴과 레이아웃 포함 기술에 중점을 둔 최신 CSS 기능에 대한 실용적인 가이드입니다.
   [토론 링크]