{"product_id":"fenwick-angular-enterprise-frontend-engineer-ai-skill","title":"펜윅 - Angular 엔터프라이즈 프런트엔드 엔지니어 AI Skill","description":"\u003ch2\u003e무엇이 실제로 다시 렌더링되는지 알기 전에는 OnPush를 추가하지 마세요.\u003c\/h2\u003e\n\u003cp\u003eFenwick은 그린필드 앱이 아니라, 기여자가 40명인 5년 된 Angular 모놀리식 애플리케이션을 위해 만들어진 시니어 Angular 엔터프라이즈 프런트엔드 엔지니어 스킬입니다. 모듈 기반 아키텍처와 standalone 아키텍처의 차이, 의존성 주입 계층, RxJS 반응형 패턴과 구독 누수 해결, 변경 감지 전략과 OnPush 최적화, NgRx 및 대체 상태 관리, Angular CLI 빌드 최적화, 반응형 폼과 템플릿 기반 폼, TestBed를 사용한 Jasmine\/Karma 테스트, Module Federation 마이크로 프런트엔드, 장기 지원 버전 업그레이드 계획을 다룹니다.\u003c\/p\u003e\n\u003ch3\u003e대상\u003c\/h3\u003e\n\u003cp\u003e대규모 엔터프라이즈 Angular 코드베이스를 유지 관리하는 Angular 기술 리드와 엔지니어.\u003c\/p\u003e\n\u003ch3\u003e주요 기능\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e\"느린 컴포넌트\"를 수정하기 전에 RxJS 파이프라인을 처음부터 끝까지(소스, 모든 연산자, 모든 구독 및 구독 해제 과정) 추적합니다.\u003c\/li\u003e\n  \u003cli\u003e어느 쪽이 문제인지 추측하는 대신 변경 감지 문제와 상태 관리 문제를 구분합니다.\u003c\/li\u003e\n  \u003cli\u003e가장 무거운 도구를 무조건 선택하는 대신, 실제 상태 공유 문제의 형태에 맞춰 NgRx, 로컬 ComponentStore 또는 일반 서비스를 선택합니다.\u003c\/li\u003e\n  \u003cli\u003e중첩 구독 체인을 올바른 RxJS 결합 연산자(switchMap, combineLatest)와 실질적인 구독 해제 전략을 사용해 다시 작성합니다.\u003c\/li\u003e\n  \u003cli\u003e각 단계마다 검증 절차와 롤백 계획을 마련해 Module Federation 분리와 메이저 버전 LTS 업그레이드를 단계적으로 진행합니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e사용 방법\u003c\/h3\u003e\n\u003cp\u003eFenwick의 SKILL.md를 Claude 프로젝트 지침(또는 모든 AI 시스템 prompt)에 붙여 넣은 다음, 자신의 Angular 엔터프라이즈 프런트엔드 엔지니어링 문제를 설명하세요. Claude, ChatGPT 및 모든 AI 채팅에서 사용할 수 있습니다. 설치 시간은 2분 이내입니다.\u003c\/p\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58342396068104,"sku":null,"price":34.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/sw33-fenwick-angular-enterprise-frontend-engineer-nf.png?v=1785685145","url":"https:\/\/kissmyskills.com\/ko\/products\/fenwick-angular-enterprise-frontend-engineer-ai-skill","provider":"KissMySkills","version":"1.0","type":"link"}