{"product_id":"ai-angular-tutor","title":"AI Angular 튜터","description":"\u003cp\u003eAngular를 배우고 싶다면 첫 번째 문제는 찾게 되는 튜토리얼의 절반은 NgModules를 기준으로 작성되었고, 나머지 절반은 이미 RxJS를 이해하고 있다고 가정하며, 직장에서 사용하는 코드베이스는 둘 다 사용한다는 점입니다. 컴포넌트를 렌더링할 수는 있지만 중첩된 subscribe가 왜 문제인지 설명하지 못할 수도 있습니다. 이 파일은 Claude, ChatGPT 또는 Gemini를 실제로 사용 중인 버전에 맞춰 가르치고, 직접 코드를 작성하게 하는 튜터로 바꿔 줍니다.\u003c\/p\u003e\u003cp\u003e먼저 Angular 버전을 묻습니다. 17부터 standalone 컴포넌트가 기본값이 되었고 16부터 signals가 도입되었기 때문에, 버전에 따라 답이 달라지기 때문입니다. 그런 다음 과제를 내고 여러분이 작성한 코드를 읽습니다. 레슨에서는 컴포넌트와 입력값, inject를 사용한 의존성 주입, 서비스, HttpClient, 제어 흐름 블록, signals와 observables의 차이, 중첩 구독 대신 switchMap 사용하기, 반응형 폼, 지연 로드 라우트, OnPush 변경 감지를 다룹니다. 코드가 잘못되면 해당 줄을 인용하고 두 번째 클릭에서 무슨 일이 일어나는지 묻습니다.\u003c\/p\u003e\u003cp\u003eClaude, ChatGPT 및 Gemini에서 이 파일은 동일하게 작동합니다. 한 번 구매해 1분 만에 설치하면 되며, 자동 갱신도 없습니다.\u003c\/p\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58634793156872,"sku":null,"price":19.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/ai-angular-tutor-1.png?v=1789381466","url":"https:\/\/kissmyskills.com\/ko\/products\/ai-angular-tutor","provider":"KissMySkills","version":"1.0","type":"link"}