CodeExpander Pro × AI: 활용 라이브러리

바로 쓰는 템플릿과 실제 장면

문서 목차 · AI와 생산성

목차

• AI 프롬프트 템플릿
• 코드 스니펫 라이브러리
• 스크린샷 워크플로
• 클립보드 장면
• 자동화 스크립트
• 프로젝트 간 재사용

AI 프롬프트 템플릿

코드 생성

FillIn 사용: 언어는 %fillmenu%, 요구사항은 %fillarea%, 옵션(주석, 테스트, 모범 사례)은 %fillcheck%. 예 약어 ai-gen. ChatGPT/Claude에서 ai-gen + Tab → 폼 → 전체 프롬프트.

테스트 케이스 생성

%cv%가 클립보드를 넣습니다. 코드를 복사한 뒤 예: ai-test와 프레임워크용 %fillmenu%(Jest, Pytest 등).

코드 리뷰 프롬프트

%cv%로 코드를 붙이고, 리뷰 차원은 %fillcheck%. FillIn 변수.

문서 생성

README/API 문서 생성기: 프로젝트 이름, 유형, 언어, 설명에 %filltext%, %fillarea%, %fillmenu%.

코드 스니펫 라이브러리

에러 처리

Python(예: try-py): try/except와 본문용 %c%. JavaScript: try/catch + %c%.

로깅, 테스트, API 라우트

구조화 로그: 메시지는 %filltext%, 레벨은 %fillmenu%, 추가는 %c%. Jest/Pytest: describe + test, 이름은 %filltext%. Express/FastAPI: 메서드는 %fillmenu%, 경로는 %filltext%.

스크린샷 워크플로

버그 보고

단축키 → 영역 선택 → 사각형, 화살표, 텍스트 → 복사 → Issue/Jira에 붙여넣기.

문서

코드나 UI 캡처 → 그라데이션 + 둥근 모서리 + 그림자 → 번호 원 + 하이라이트 → 복사 또는 저장.

코드 비교

스크롤 캡처로 Before/After. Before를 Pin하고, After를 초록/노랑으로 하이라이트.

클립보드 장면

• AI 답변 기록: 복사가 기록에 들어갑니다. 클립보드 창에서 검색하고 붙여넣기. 중요한 답변은 즐겨찾기.
• 클립보드에서 스니펫: 코드 복사 → 클립보드 창 → 「스니펫 만들기」 → 약어와 그룹 → 재사용과 동기화.
• 다단계 붙여넣기: 설정을 모아 복사하고, 클립보드에서 순서대로 붙여넣기(환경 변수, 폼, 마이그레이션).

자동화 스크립트

Git (Shell / JS)

빠른 커밋: git add . + commit -m “%filltext&name=message%” + push. 기능 브랜치: 유형과 이름은 %filltext%. 상태: execSync(‘git status —short’)인 JS 스니펫.

Docker, 스캐폴드, 데이터

docker-clean(prune). init-node/init-python(mkdir + 패키지 매니저 + .gitignore). json-format은 %cv% 또는 {{clipboard}} → JSON.stringify(parsed, null, 2).

프로젝트 간 재사용

그룹: 예: ProjectA(접두사 pa-), ProjectB(pb-), Common(접두사 없음). ExpandIn: 앱 또는 디렉터리로 제한. 마이크로서비스: 서비스마다 그룹(us-dev, os-dev), 공유 스크립트(k8s-status, k8s-logs)는 Common.

🎭 프롬프트 변형 관리

같은 프롬프트 장면에 여러 버전(빠른/깊은/엄격)이 자주 필요합니다. %fillmenu%로 펼칠 때 선택을 띄우면 전환 비용이 없습니다.

코드 리뷰 변형 선택

Abbr: ai-review
Group: AI-Prompts/Review
Type: plain

---Content---
%fillmenu&name=Review Mode&opt=quick&opt=deep&opt=security%

{{if quick}}Please do a quick review of the code below — focus only on the most critical issues:
{{elif deep}}Please do a deep review covering architecture, performance, maintainability, and security:
{{elif security}}Please audit the code below from a security perspective, focusing on OWASP Top 10:{{end}}

```%cv&md=%```

ai-review를 트리거 → 팝업에서 “quick / deep / security”를 고름 → 맞는 변형이 펼쳐지고 클립보드 코드가 자동으로 감싸집니다.

인라인 한 줄 변형

몇 단어만 다르면 메뉴를 템플릿에 바로 넣습니다.

Please %fillmenu&name=Action&opt=refactor&opt=optimize for performance&opt=add unit tests&opt=convert to TypeScript% the code below:

%cv&md=%

약어: ai-action. 펼친 뒤: “Please refactor the code below: …” 또는 “Please optimize for performance…”.

📋 멀티 클립보드 컨텍스트 빌더

장면: 에러 메시지, 관련 코드, 설정 조각이 있습니다. 하나의 AI 디버그 프롬프트로 합쳐야 합니다.

단계 (현재 CodeExpander 버전 필요):

1. 에러 메시지를 복사 → 클립보드 기록이 자동으로 남김
2. 관련 코드를 복사 → 같음
3. 클립보드 창을 열고 오른쪽 아래 일괄 모드 버튼을 클릭
4. 필요한 기록 항목을 체크(범위는 Shift-클릭, 다중 선택은 Ctrl-클릭)
5. 하단 도구 모음의 🤖 AI 프롬프트로 합치기를 클릭하고 템플릿을 고름:
   • 디버그 / 에러 분석: 첫 항목 → Error 블록, 나머지 → Code 블록, 디버그 요청이 붙음
   • 코드 리뷰: 모든 항목을 코드 블록으로 합치고 리뷰 요청
   • 그냥 이어 붙이기: 항목을 ---로 구분
6. 클립보드에 자동으로 씀 → AI 도구에 붙여넣기

디버그 출력 예(항목 2개 선택):

## Error / Issue

TypeError: Cannot read properties of undefined (reading ‘map’) at processItems (app.ts:42)

## Related Code

const data = await fetchData() const items = data.results.map(…) // ← crashes here

Please help me debug the issue above.

효율 비교

더 많은 문법: FillIn 변수, 설정.
최종 업데이트: 2026-01-29