AI 기반 개발 워크플로우와 도구들을 위한 모노레포 프로젝트
이 프로젝트는 AI 기반 개발 환경을 구축하기 위한 통합 생태계입니다. Claude Code와의 통합을 통해 자동화된 문서 업데이트, PR 생성, 코드 리뷰 등의 기능을 제공합니다.
- 🤖 Claude Code 통합: AI 기반 개발 워크플로우 자동화
- 📝 한국어 기술 문서: 한국 개발자를 위한 전문 기술 문서 작성
- 🎯 Git 훅 스크립트: 커밋 전 자동 코드 품질 검사 및 규약 준수
- ⚡ Turborepo: 고성능 모노레포 빌드 시스템
- 🔧 TypeScript: 타입 안전한 개발 환경
- 📦 pnpm: 효율적인 패키지 관리
iamhoonse-ai-ecosystem/
├── apps/
│ ├── docs/ # 문서 사이트 (Next.js)
│ ├── storybook/ # UI 컴포넌트 스토리북 (Storybook 9.1.3 + Vite)
│ └── web/ # 메인 웹 애플리케이션 (Next.js)
├── packages/
│ ├── react-ui/ # React UI 컴포넌트 라이브러리
│ ├── react-utils/ # React 커스텀 훅 및 유틸리티 패키지 (구성 최적화 완료)
│ ├── common-utils/ # 공통 유틸리티 함수 패키지
│ ├── node-utils/ # Node.js 전용 유틸리티 함수 패키지
│ └── browser-utils/ # 브라우저 전용 유틸리티 함수 패키지
├── configs/
│ ├── eslint-config/ # ESLint 설정 패키지
│ ├── typescript-config/ # TypeScript 설정 패키지
│ └── tailwindcss-config/ # TailwindCSS 설정 패키지
└── .claude/
├── agents/ # Claude Code AI 에이전트
└── commands/ # Slash 커맨드 정의
React UI 패키지 아키텍처 혁신:
- shadcn/ui 컴포넌트 시스템 통합: 업계 표준 디자인 시스템인 shadcn/ui를 react-ui 패키지에 통합하여 고품질의 접근 가능한 UI 컴포넌트 제공
- 멀티 엔트리 포인트 구조: 새로운 서브패키지 시스템으로 세분화된 import 경로 지원
@repo/react-ui/base: shadcn/ui 기반의 기본 컴포넌트 (ShadcnButton)@repo/react-ui/lib: 유틸리티 함수 및 헬퍼 (cn 함수 등)@repo/react-ui/common: 기존 커스텀 컴포넌트 유지 (Button)
- TypeScript 번들러 모드 적용: 향상된 모듈 해석을 위한 TypeScript 컴파일러 설정 최적화
- 트리 쉐이킹 최적화: 서브패키지별 독립적인 빌드로 불필요한 코드 제거 최적화
- 고급 의존성 관리: Radix UI, Class Variance Authority, Lucide React 등 모던 React 생태계 도구들과의 통합
이러한 아키텍처 개선으로 개발자들이 필요에 따라 선택적으로 컴포넌트를 사용할 수 있으며, 더 나은 번들 크기 최적화와 개발자 경험을 제공합니다.
통합 스타일링 시스템 구축:
@repo/tailwindcss-config패키지 신설: 프로젝트 전체에서 공유하는 TailwindCSS 설정 및 테마 관리- React UI 패키지 스타일 빌드 시스템:
react-ui패키지에서 TailwindCSS 기반 컴포넌트 스타일을 빌드하여 다른 앱에서@repo/react-ui/styles.cssimport로 재사용 - Prefix 기반 스타일 격리: UI 컴포넌트는
ui:prefix를 사용하여 스타일 충돌 방지 - Hot Module Replacement (HMR) 지원: 개발 환경에서 스타일 변경 시 실시간 반영
- 통합 개발 워크플로우:
turbo dev명령으로 스타일 빌드와 컴포넌트 개발이 동시 실행
이러한 TailwindCSS 통합으로 일관된 디자인 시스템을 유지하면서도 효율적인 스타일 관리가 가능해졌습니다.
설정 패키지 전용 디렉토리 신설:
- configs 디렉토리 도입:
eslint-config,typescript-config,tailwindcss-config같은 설정 관련 패키지들을 별도의configs/디렉토리로 이동 - 명확한 역할 분리: 비즈니스 로직 패키지(
packages/)와 설정 패키지(configs/) 간의 명확한 구분 - pnpm workspace 업데이트:
pnpm-workspace.yaml에configs/*경로 추가로 monorepo 구조 최적화 - ESLint 버전 안정화: 9.33.0에서 발생한 module export 이슈를 해결하기 위해 9.32.0으로 다운그레이드
이러한 구조 개선으로 프로젝트의 논리적 구성이 더욱 명확해졌고, 새로운 개발자들이 프로젝트를 이해하기 쉬워졌습니다.
@repo/react-utils 패키지 설정 일관성 개선:
- TypeScript 설정 통일:
tsconfig.json이@repo/typescript-config/base.json대신@repo/typescript-config/react-library.json을 상속하도록 수정하여@repo/react-ui패키지와 설정 일관성 확보 - 테스트 파일 제외 규칙 보완:
.tsx확장자 테스트 파일(.test.tsx,.spec.tsx)을 TypeScript 컴파일 대상에서 제외하도록 설정 추가 - 번들링 최적화:
tsup.config.ts의 external 의존성에react/jsx-runtime추가로 React JSX 런타임의 외부 처리 최적화
이러한 설정 개선으로 React 관련 패키지들(react-ui, react-utils) 간의 구성 일관성이 향상되었고, 더 안정적인 빌드 환경을 제공합니다.
프로젝트에 포함된 전문 AI 에이전트들:
- korean-tech-writer: 한국어 기술 문서 작성 전문가
- architecture-guru: 시스템 아키텍처 설계 전문가
- performance-code-auditor: 코드 성능 최적화 전문가
- security-vulnerability-auditor: 보안 취약점 분석 전문가
- workflow-efficiency-guru: 개발 워크플로우 최적화 전문가
- conventional-commit-writer: Conventional Commits 규약에 따른 커밋 메시지 작성 전문가
- frontend-ecosystem-guru: 모던 프론트엔드 개발 (React, Next.js, TailwindCSS, Vite) 전문가
- js-ts-comment-auditor: JavaScript/TypeScript 코드 주석 검토 및 개선 전문가
/update-documents: 저장소 문서 자동 업데이트/create-pr: 자동화된 풀 리퀘스트 생성/write-commit-message: Conventional Commits 규약에 따른 커밋 메시지 자동 생성
- Node.js 22 이상
- pnpm 9.0.0
- Claude Code CLI (선택사항)
# 저장소 클론
git clone https://github.com/iamhoonse-dev/iamhoonse-ai-ecosystem.git
cd iamhoonse-ai-ecosystem
# Node.js 버전 설정 (nvm 사용 시)
nvm use
# 의존성 설치
pnpm install💡 Node.js 버전 관리
프로젝트는 .nvmrc 파일을 통해 권장 Node.js 버전(22)을 명시합니다:
- nvm 사용 시:
nvm use명령어로 자동으로 올바른 버전 사용 - 수동 관리 시: Node.js 22 이상 버전이 설치되어 있는지 확인
- CI/CD 환경:
.nvmrc파일을 참조하여 일관된 런타임 환경 보장
# 모든 앱 개발 서버 실행
pnpm dev
# 특정 앱만 실행
pnpm turbo dev --filter=web
pnpm turbo dev --filter=docs
pnpm turbo dev --filter=storybook # Storybook 개발 서버 (포트 6006)# 모든 패키지 빌드
pnpm build
# 특정 패키지 빌드
pnpm turbo build --filter=web
pnpm turbo build --filter=storybook# 린트 검사
pnpm lint:check
# 린트 오류 자동 수정
pnpm lint:fix
# 타입 체크
pnpm check-types
# 코드 포맷팅 확인
pnpm format:check
# 코드 포맷팅 적용
pnpm format:fix💡 자동 품질 검사
Git Hook Scripts가 설정되어 있어 커밋 시 자동으로 다음 검사가 실행됩니다:
- 린트 규칙 검사 (
lint:check) - 코드 포맷팅 검사 (
format:check) - TypeScript 타입 검사 (
check-types) - 커밋 메시지 규약 검사 (Conventional Commits)
검사에 실패하면 커밋이 거부되므로 사전에 pnpm lint:fix와 pnpm format:fix로 문제를 해결하세요.
Storybook을 통한 컴포넌트 개발:
# Storybook 개발 서버 실행 (포트 6006)
pnpm turbo dev --filter=storybook
# 또는 Storybook 앱 디렉토리에서
cd apps/storybook
pnpm dev- react-ui 패키지 컴포넌트 스토리:
packages/react-ui/src/하위의 모든.stories.tsx파일들이 자동으로 로드됩니다 - 실시간 개발: 컴포넌트 변경사항이 Storybook에서 즉시 반영됩니다
- shadcn/ui 컴포넌트:
@repo/react-ui/base경로의 shadcn/ui 기반 컴포넌트들을 확인할 수 있습니다 - 커스텀 컴포넌트:
@repo/react-ui/common경로의 기존 커스텀 컴포넌트들도 함께 제공됩니다
- 문서 업데이트:
/update-documents명령어로 자동 문서 업데이트 - PR 생성:
/create-pr명령어로 자동화된 풀 리퀘스트 생성 - 커밋 메시지 작성:
/write-commit-message명령어로 Conventional Commits 규약에 따른 커밋 메시지 자동 생성 - AI 리뷰: 코드 변경사항에 대한 AI 기반 리뷰 및 피드백
# 1. 변경사항 스테이징
git add .
# 2. Claude Code로 커밋 메시지 생성
/write-commit-message
# 3. 생성된 메시지로 커밋 (자동 품질 검사 포함)
git commit -m "생성된-커밋-메시지"💡 자동 커밋 메시지 생성 기능
- AI 기반 분석: 스테이징된 파일의 변경사항을 자동으로 분석
- Conventional Commits: 표준 커밋 메시지 규약 자동 적용
- 한국어/영어 지원: 프로젝트 컨텍스트에 맞는 언어 선택
- 타입 자동 분류: feat, fix, docs, chore 등 적절한 타입 자동 선택
- Next.js 기반 문서 사이트
- 프로젝트 문서화 및 API 레퍼런스 제공
- Storybook 9.1.3 기반 UI 컴포넌트 개발 환경
- @repo/react-ui 패키지 통합:
packages/react-ui/src/하위의 모든 스토리 파일들을 자동으로 렌더링 - Vite 번들러 사용: 빠른 개발 서버와 Hot Module Replacement 지원
- 다양한 애드온 지원:
@storybook/addon-docs: 자동 문서 생성@storybook/addon-a11y: 접근성 검사@storybook/addon-vitest: Vitest 기반 테스팅
- Path Alias 설정:
@별칭이packages/react-ui/src를 가리켜 내부 import 해결 - 개발 서버:
pnpm turbo dev --filter=storybook명령으로 포트 6006에서 실행 - 프로덕션 빌드:
pnpm turbo build --filter=storybook명령으로 정적 사이트 빌드
- 메인 웹 애플리케이션
- Next.js App Router 사용
- React 전용 UI 컴포넌트 라이브러리
- TypeScript로 작성된 현대적인 React 컴포넌트
- React 19+ 환경에서만 동작 (peerDependencies 의존성)
- shadcn/ui 통합: 업계 표준 디자인 시스템 기반의 고품질 컴포넌트 제공
- 멀티 엔트리 포인트 시스템: 세분화된 import 경로로 최적화된 번들 크기
- TailwindCSS 통합:
ui:prefix를 사용한 스타일 격리 및 CSS 빌드 시스템 - 스타일 배포: 컴포넌트와 함께 컴파일된 CSS를 패키지에 포함하여 배포
- Tree-shaking 지원으로 필요한 컴포넌트만 선택적 임포트
- ESM/CJS/UMD 모듈 형식 지원
- forwardRef와 같은 최신 React 패턴 적용
서브패키지 구조:
-
@repo/react-ui/base: shadcn/ui 기반 컴포넌트ShadcnButton: shadcn/ui Button 컴포넌트buttonVariants: Class Variance Authority 기반 스타일 variants- Radix UI 기반의 접근성 최적화 컴포넌트들
-
@repo/react-ui/lib: 유틸리티 함수 및 헬퍼cn: clsx와 tailwind-merge를 결합한 클래스명 유틸리티 함수- 각종 헬퍼 함수들
-
@repo/react-ui/common: 커스텀 컴포넌트Button: 기존 커스텀 Button 컴포넌트 (하위 호환성 유지)
주요 컴포넌트:
-
ShadcnButton: shadcn/ui 기반 버튼 컴포넌트
- Class Variance Authority를 활용한 타입 안전한 variant 시스템
- 8가지 variant 지원 (default, destructive, outline, secondary, ghost, link)
- 4가지 size 지원 (default, sm, lg, icon)
- Radix UI Slot 기반의 asChild 패턴 지원
- 완전한 접근성 지원 (focus-visible, aria-invalid 등)
ui:prefix를 통한 스타일 격리
-
Button: 기존 커스텀 버튼 컴포넌트 (하위 호환성 유지)
- 다양한 variant(primary, secondary, outline)와 size(sm, md, lg) 지원
- HTML 기본 button 속성 완벽 지원
- forwardRef를 통한 ref 전달 지원
TailwindCSS 스타일 사용:
// 앱의 레이아웃 파일에서 스타일시트 import 필요
// apps/web/app/layout.tsx
import "@repo/react-ui/styles.css";사용 예시:
// 서브패키지별 임포트 (권장 - 최적화된 Tree-shaking)
import { ShadcnButton, buttonVariants } from "@repo/react-ui/base";
import { cn } from "@repo/react-ui/lib";
import { Button } from "@repo/react-ui/common";
// 전체 임포트도 지원
import { ShadcnButton, Button, cn } from "@repo/react-ui";
// shadcn/ui 기반 버튼 사용 (권장)
function ModernApp() {
return (
<div>
<ShadcnButton variant="default" size="default">
기본 버튼
</ShadcnButton>
<ShadcnButton variant="destructive" size="lg">
위험 버튼
</ShadcnButton>
<ShadcnButton variant="outline" size="sm">
외곽선 버튼
</ShadcnButton>
<ShadcnButton variant="ghost" size="icon">
<Icon />
</ShadcnButton>
</div>
);
}
// asChild 패턴으로 다른 컴포넌트로 렌더링
function AsChildExample() {
return (
<ShadcnButton variant="link" asChild>
<a href="/about">링크로 렌더링</a>
</ShadcnButton>
);
}
// 유틸리티 함수 사용
function UtilityExample() {
return (
<ShadcnButton
className={cn(
buttonVariants({ variant: "default" }),
"additional-custom-class",
)}
>
커스텀 스타일 버튼
</ShadcnButton>
);
}
// 기존 Button 컴포넌트 (하위 호환성)
function LegacyApp() {
return (
<Button variant="primary" size="md">
기존 버튼
</Button>
);
}- React 전용 커스텀 훅 및 유틸리티 라이브러리
- TypeScript로 작성된 React 개발에 특화된 유틸리티 함수
- React 19+ 환경에서만 동작 (peerDependencies 의존성)
- Tree-shaking 지원으로 필요한 기능만 선택적 임포트
- ESM/CJS 모듈 형식 지원
- 카테고리별 함수 분리 (
hooks카테고리) - 설정 일관성:
@repo/react-ui와 동일한 TypeScript 설정 (react-library.json) 사용
주요 기능:
useInterval: 일시정지/재개가 가능한 interval 커스텀 훅- 컴포넌트 라이프사이클에 안전하게 통합된 interval 관리
- delay 값이
null일 때 자동 일시정지 - 메모리 누수 방지를 위한 자동 정리
기술적 특징:
- React 19+ JSX 런타임 지원: 최신 React JSX 변환 런타임 완전 지원
- TypeScript 설정 일관성:
@repo/react-ui와 동일한 React 라이브러리 전용 TypeScript 설정 적용 - 테스트 파일 분리:
.tsx확장자 테스트 파일이 프로덕션 빌드에서 완전히 제외됨 - 번들 크기 최적화: React 관련 모든 런타임(
react,react-dom,react/jsx-runtime)이 외부 의존성으로 처리되어 최적화된 번들 크기 제공
사용 예시:
// 카테고리별 임포트 (권장 - Tree-shaking 최적화)
import { useInterval } from "@repo/react-utils/hooks";
// 전체 임포트도 지원
import { useInterval } from "@repo/react-utils";
// 사용 예시
function Timer() {
const [count, setCount] = useState(0);
const [isRunning, setIsRunning] = useState(true);
// 1초마다 카운터 증가, isRunning이 false일 때 일시정지
useInterval(
() => {
setCount((count) => count + 1);
},
isRunning ? 1000 : null,
);
return (
<div>
<p>카운트: {count}</p>
<button onClick={() => setIsRunning(!isRunning)}>
{isRunning ? "일시정지" : "재개"}
</button>
</div>
);
}- 프로젝트 전체에서 사용하는 ESLint 설정
- Next.js와 Prettier 설정 포함
configs/eslint-config/디렉토리에 위치
- 공통 유틸리티 함수 라이브러리
- TypeScript로 작성된 재사용 가능한 유틸리티 함수
- 범용 환경 지원: 브라우저, Node.js 모든 환경에서 동작
- Tree-shaking 지원으로 필요한 기능만 선택적 임포트
- ESM/CJS 모듈 형식 지원
- 카테고리별 함수 분리 (
string카테고리)
주요 기능:
isEmptyString: 문자열 빈 값 검사 함수
사용 예시:
// 전체 임포트
import { isEmptyString } from "@repo/common-utils";
// 카테고리별 임포트 (권장 - Tree-shaking 최적화)
import { isEmptyString } from "@repo/common-utils/string";
// 사용
isEmptyString(""); // true
isEmptyString(" "); // true
isEmptyString("hello"); // false- Node.js 전용 유틸리티 함수 라이브러리
- TypeScript로 작성된 서버사이드 전용 유틸리티 함수
- Node.js 22+ 환경에서만 동작 (node: 프로토콜 사용)
- Tree-shaking 지원으로 필요한 기능만 선택적 임포트
- ESM/CJS 모듈 형식 지원
- 카테고리별 함수 분리 (
fs카테고리)
주요 기능:
ls: Unix ls 명령어와 유사한 디렉토리 목록 조회 함수- 파일/디렉토리 정보 제공 (이름, 경로, 타입, 크기, 수정시간)
- 숨김 파일 포함 옵션
- 정렬 기능 (디렉토리 우선, 알파벳순)
- 상세한 에러 처리
사용 예시:
// 카테고리별 임포트 (권장 - Tree-shaking 최적화)
import { ls } from "@repo/node-utils/fs";
// 사용
const entries = await ls("./");
console.log(
entries.map((e) => `${e.name} (${e.isDirectory ? "dir" : "file"})`),
);
// 숨김 파일 포함
const allEntries = await ls("./", { includeHidden: true });
// 파일 정보 확인
entries.forEach((entry) => {
console.log(
`${entry.name}: ${entry.size} bytes, modified ${entry.modifiedTime}`,
);
});패키지 비교표:
| 특징 | common-utils | react-utils | react-ui | node-utils | browser-utils |
|---|---|---|---|---|---|
| 실행 환경 | 브라우저, Node.js | React 19+ 전용 | React 19+ 전용 | Node.js 전용 | 브라우저 전용 |
| React 의존성 | 없음 | React 19+ 필수 | React 19+ 필수 | 없음 | 없음 |
| Node.js 버전 | 범용 | 22+ (개발 환경) | 22+ (개발 환경) | 22+ 필수 | N/A |
| TypeScript 설정 | base.json | react-library.json | react-library.json | base.json | base.json |
| JSX 런타임 | N/A | react-jsx 완전지원 | react-jsx 완전지원 | N/A | N/A |
| API 접근 | Web API + 공통 기능 | React Hooks API | React Components API | Node.js 내장 모듈 | Browser API |
| 디자인 시스템 | N/A | N/A | shadcn/ui 통합 | N/A | N/A |
| 서브패키지 | string | hooks | base, lib, common | fs | bom |
| 용도 | 범용 유틸리티 | React 컴포넌트 전용 | React UI 컴포넌트 | 서버사이드 전용 | 클라이언트 전용 |
| 예시 기능 | 문자열, 배열 처리 | 커스텀 훅 | shadcn Button + 유틸 | 파일시스템, OS 기능 | BOM, 메모리 정보 |
- 브라우저 전용 유틸리티 함수 라이브러리
- TypeScript로 작성된 클라이언트사이드 전용 유틸리티 함수
- 브라우저 환경에서만 동작 (window 객체 의존)
- Tree-shaking 지원으로 필요한 기능만 선택적 임포트
- ESM/CJS/UMD 모듈 형식 지원
- 카테고리별 함수 분리 (
bom카테고리)
주요 기능:
getMemoryInfo: 브라우저 메모리 정보 조회 함수- Performance API와 Navigator API를 활용한 메모리 상태 조회
- JS 힙 크기, 디바이스 메모리 용량 등의 정보 제공
- 브라우저 호환성 자동 감지
- Chrome/Chromium 기반 브라우저에서 최적화
사용 예시:
// 카테고리별 임포트 (권장 - Tree-shaking 최적화)
import { getMemoryInfo } from "@repo/browser-utils/bom";
// 사용
const memInfo = getMemoryInfo();
if (memInfo.isSupported) {
console.log(`사용 중인 JS 힙 크기: ${memInfo.usedJSHeapSize} bytes`);
console.log(`총 JS 힙 크기: ${memInfo.totalJSHeapSize} bytes`);
console.log(`디바이스 메모리: ${memInfo.deviceMemory} GB`);
console.log(`정보 출처: ${memInfo.source}`);
} else {
console.log("메모리 정보를 사용할 수 없습니다.");
}각 패키지의 특징 및 차이점:
- common-utils: 브라우저와 Node.js 모두에서 동작하는 범용 유틸리티
- react-utils: React 컴포넌트에서만 사용 가능한 커스텀 훅 및 React 전용 유틸리티
- react-ui: React 애플리케이션에서 사용하는 UI 컴포넌트 라이브러리 (shadcn/ui 기반 컴포넌트 + 커스텀 컴포넌트)
- node-utils: Node.js 환경에서만 동작하는 서버사이드 전용 유틸리티
- browser-utils: 브라우저 환경에서만 동작하는 클라이언트사이드 전용 유틸리티
react-ui 패키지 의존성:
{
"dependencies": {
"@radix-ui/react-slot": "^1.2.3",
"class-variance-authority": "^0.7.1",
"clsx": "^2.1.1",
"lucide-react": "^0.541.0",
"tailwind-merge": "^3.3.1",
"tw-animate-css": "^1.3.7"
}
}- @radix-ui/react-slot: Radix UI의 Slot 컴포넌트로 asChild 패턴 구현
- class-variance-authority: 타입 안전한 CSS 클래스 variant 시스템
- clsx: 조건부 클래스명 결합
- lucide-react: 아이콘 컴포넌트 라이브러리
- tailwind-merge: TailwindCSS 클래스명 충돌 해결
- tw-animate-css: TailwindCSS 애니메이션 확장
- 프로젝트 전체에서 공유하는 TailwindCSS 스타일 패키지
configs/tailwindcss-config/디렉토리에 위치- 공유 스타일 시트:
shared-styles.css를 통한 일관된 디자인 토큰 제공 - 커스텀 테마 변수: CSS 변수로 정의된 커스텀 색상 (blue-1000, purple-1000, red-1000)
- PostCSS 설정: PostCSS 구성 파일도 함께 제공
사용법:
/* 공유 스타일 import */
@import "@repo/tailwind-config";
/* 또는 직접 참조 */
@import "@repo/tailwind-config/shared-styles.css";- 공유 TypeScript 설정
configs/typescript-config/디렉토리에 위치- 다양한 환경별 설정 파일 제공:
base.json: 기본 TypeScript 설정 (범용 패키지용)nextjs.json: Next.js 애플리케이션 전용 설정react-library.json: React 라이브러리 전용 설정 (JSX 지원 포함)
- React 패키지들(
react-ui,react-utils)은react-library.json을 상속하여 일관된 React 개발 환경 제공
- 이 저장소를 포크합니다
- 새로운 기능 브랜치를 생성합니다 (
git checkout -b feature/amazing-feature) - 변경사항을 커밋합니다 (
git commit -m 'Add some amazing feature') - 브랜치에 푸시합니다 (
git push origin feature/amazing-feature) - 풀 리퀘스트를 생성합니다
- 모든 코드는 TypeScript로 작성
- ESLint와 Prettier 규칙 준수
- 커밋 메시지는 Conventional Commits 형식 사용
- 새로운 기능에 대한 문서 작성 필수
이 프로젝트는 MIT 라이선스 하에 배포됩니다.
- GitHub: @iamhoonse-dev
- Email: [email protected]
이 프로젝트는 AI와 인간 개발자의 협업을 통해 더 나은 개발 경험을 만들어가는 것을 목표로 합니다.