프로그래밍124 앵귤러 기초(Angular basic) 32. 공유 모듈(shared module) 공유 모듈을 만들고 모듈에서 이용해 보도록 하겠습니다. 이번 포스트는 아래 내용을 다루고 있습니다. 공유 모듈의 목적 공유 모듈 정의하기 공유 모듈 작성하기 공유 모듈의 목적 공유 모듈의 목적은 일반적으로 사용되는 기능 조각을 하나의 모듈로 정리하여 공유 모듈을 사용하는(import하는) 모든 모듈에서 사용할 수 있도록 내보내는 것(export) 입니다. 이를 통해 재사용 가능한 컴포넌트와 외부 모듈을 선택적으로 취합하여 통합 편의 모듈로 다시 export할 수 있습니다. 공유 모듈을 만들려면 모듈 파일인 SharedModule을 정의하고 공유된 조각이 이 모듈에 오도록 응용 프로그램의 조각을 재구성해야 합니다. 공유 모듈(Shared Module) 정의 공유 모듈을 사용하기 전의 기능 모듈인 Movie.. 2022. 2. 11. 앵귤러 기초(Angular basic) 31. 기능 모듈, 모듈 분리 지금까지 우리는 루트 애플리케이션 모듈인 AppModule을 사용했습니다. 하나의 모듈에 모든 부품과 파이프를 선언 하였습니다. 이번 포스트에서는 모듈을 분리해 책임과 구분을 나눠보겠습니다 이번 포스트는 아래 내용을 다루고 있습니다. 모듈 분리하기 모듈 정의하기 기능 모듈 작성하기 모듈 분리하기 현재 루트 모듈인 AppModule에서는 WelcomComponent와 같은 기본 애플리케이션 기능과 StarComponent과 같은 공유기능을 함께 관리 하고 있습니다. 우선 기본 애플리케이션 기능은 AppComponent, WelcomeComponent로 생각해 볼 수 있습니다. 영화 관련된 기능은 MovieListComponent, MovieDetailComponet로 볼 수 있겠네요. 그 외로 StarSc.. 2022. 2. 10. 앵귤러 기초(Angular basic) 30. 앵귤러 모듈(Angular Module) 앵귤러에서 가장 중요한 개념 중 하나인 모듈에 대해 알아보도록 하겠습니다. 이번 포스트는 아래 내용을 다루고 있습니다. 앵귤러 모듈의 역할 애플리케이션의 구성 앵귤러 모듈이란 앵귤러 모듈은 NgModule 데코레이터가 있는 클래스입니다. 지난 포스트에서 계속 다뤘던 AppModule은 아래와 같습니다. 앵귤러 모듈의 역할 애플리케이션의 일부를 구성하고 이를 응집력 있는 기능 블록 정리해 주고 외부 라이브러리 기능 통해 애플리케이션을 확장하게 합니다. 앵귤러 모듈은 컴포넌트 템플릿에서 디렉티브와 파이프를 위한 실행 환경을 제공합니다. 다른 모듈로부터 클래스를 선택적으로 취합하여 통합 모듈로 다시 내보낼 수 있게 합니다. 애플리케이션이 시작될 때 빠르게 로드되거나 라우터에 의해 비동기적으로 느리게 로드(la.. 2022. 2. 10. 앵귤러 기초(Angular basic) 29. 라우트 가드(route guard) 관리자 같은 특정 사용자만 특정 url에 접근해야 하는 경우가 있을 수 있습니다. 경로에 대해 접근을 제한하려고 할때 앵귤러에서는 어떻게 해야할까요? 혹은 입력 페이지를 작성한 후 다른 페이지로 이동할때 저장 여부는 어떻게 확인해야 할까요? 앵귤러의 라우팅 가드에 대해 알아 보겠습니다. 이번 포스트는 아래 내용을 다루고 있습니다. 라우트 가드 종류 CanActivate 가드 만들기 라우트 가드 종류 앵귤러 라우터는 경로 탐색을 보호하기 위한 CanActivate, 현재 경로에서 벗어나는걸 보호하기 위한 CanDeactivate, 경로를 활성화하기 전에 데이터를 프리패치 하기위한 Resolve, 비동기 라우팅 방지하기 위한 CanLoad등 여러가지 보호 기능을 제공하고 있습니다. 이번 포스트에서는 CanA.. 2022. 2. 8. 이전 1 ··· 21 22 23 24 25 26 27 ··· 31 다음
