Injector2 앵귤러 기초(Angular basic) 21. 서비스 만들기 서비스를 만들고 이용해 보겠습니다. 이번 포스트에서는 아래의 내용을 다루고 있습니다. 앵귤러 서비스를 만드는 과정 인젝터에 서비스 등록하는 방법 루트 인젝터, 컴포넌트 인젝터 서비스를 위존성 주입(Dependency Injection)하는 방법 현재 앵귤러 기초 포스트에서 만들고 있는 영화 목록 화면을 잠시 살펴보겠습니다. 영화 목록 화면에서 테이블에 표시하고 있는 영화 데이터는 현재 컴포넌트 클래스의 프로퍼티로 하드코딩되어있는 상태입니다. 지금부터 영화 목록 데이터를 서비스를 통해 얻어오도록 개선해 보겠습니다. 앵귤러 서비스 만들기 서비스 만드는 단계를 간단히 정리해 보면 아래와 같습니다. 1. 서비스 클래스 만들기 2. 데코레이터를 이용해서 메타데이터 정의하기 3. 필요한 것 Import하기 4. 서.. 2022. 1. 30. 앵귤러 기초(Angular basic) 20. Service, Injector, 의존성 주입(DI) 이번 포스트에서는 앵귤러 서비스의 작동방식에 대해 알아보겠습니다. 이번 포스트에선 아래의 내용을 다루고 있습니다. 서비스 란? 인젝터(Injector) 의존성 주입(Dependency Injection) 서비스 란 서비스가 정확히 뭘 말하는 걸까요? 서비스는 집중적인 목적을 가진 클래스입니다. 애플리케이션 제작 시 특정 컴포넌트와 별도로 독립적인 기능을 구현하거나 컴포넌트 간에 데이터 또는 로직이 필요한 경우가 있습니다. 또는 데이터 액세스와 같은 외부 상호 작용을 캡슐화가 필요할 수도 있습니다. 이러한 책임을 컴포넌트에서 서비스로 이동함으로써 코드를 보다 쉽게 테스트, 디버그 및 재사용 할 수 있습니다. 서비스 구축에 앞서 앵귤러에서 서비스 및 의존성 주입이 어떻게 작동하는지 알아보도록 하겠습니다. 앵.. 2022. 1. 29. 이전 1 다음
