ng-agentic은(는) 무엇을 하나요?
Angular 워크스페이스 스타터 키트로, 최신 모범 사례, AI 지원 도구, 확장 가능한 프로젝트 설정 가이드를 제공합니다.
개요
L-X-T/ng-agentic는 Angular 프로젝트를 빠르고 효율적으로 시작할 수 있도록 설계된 템플릿입니다. 이 스타터는 다음을 포함합니다:
- 모범 사례: Angular 팀이 권장하는 디렉토리 구조, 컴포넌트 설계 패턴, 상태 관리 기법을 적용합니다.
- AI 지원 도구: AI 코딩 에이전트(예: Claude Code, Cursor, Codex)와의 통합을 지원하는 설정 파일을 제공합니다.
- 확장성: 소규모 앱부터 대규모 엔터프라이즈 애플리케이션까지 확장 가능한 구조를 제공합니다.
시작하기
- 리포지토리를 클론합니다:
git clone https://github.com/L-X-T/ng-agentic.git my-angular-app
cd my-angular-app
- 의존성을 설치합니다:
npm install
- 개발 서버를 실행합니다:
ng serve
- 브라우저에서
http://localhost:4200을 엽니다.
프로젝트 구조
src/
├── app/
│ ├── core/ # 싱글턴 서비스, 가드, 인터셉터
│ ├── shared/ # 공유 모듈, 컴포넌트, 파이프
│ ├── features/ # 기능별 모듈 (지연 로딩 지원)
│ └── layouts/ # 레이아웃 컴포넌트
├── assets/ # 정적 파일
└── environments/ # 환경 설정 (dev, prod)
AI 통합 설정
이 템플릿은 AI 에이전트가 프로젝트를 이해하고 코드를 생성하는 데 도움이 되는 설정을 포함합니다:
.clinerules파일: AI 에이전트에게 프로젝트 규칙을 명시합니다.angular.json설정: Angular CLI 명령어 호환성 보장.tsconfig.json경로 매핑: 가져오기(import) 경로 단순화.
주요 기능
| 기능 | 설명 |
|---|---|
| ESLint + Prettier | 코드 품질 및 일관된 스타일 유지 |
| Jest 테스트 | 유닛 테스트 환경 기본 제공 |
| 지연 로딩 | 성능 최적화를 위한 기능 모듈 지연 로딩 |
| 환경 파일 | 개발, 스테이징, 프로덕션 환경 분리 |
기여하기
기여는 항상 환영합니다! 버그 리포트, 기능 제안, PR을 보내주세요.
라이선스
MIT