본문 바로가기

angular21

[RxJS / angular] RxJS를 사용하는 이유 어떠한 장점이 있길래 앵귤러에서는 기본 패키지에 포함돼서 RxJS가 인스톨되고 사용하기를 권장하는 걸까요? 다른 기술도 있는데 왜 RxJS 써야할까? 비동기 및 이벤트 기반 데이터를 관리하는 다른 여러 기술들이 있습니다. 왜 다른 기술 대신에 RxJS를 써야 할까요? 간략히 비동기를 처리를 해주는 기술을 생각해보겠습니다. Callback : 콜백은 비동기 작업이 완료된 후 다시 호출할 수 있는 함수이지만 중첩된 비동기 작업을 해야 할 때는 콜백을 관리하기가 어려워집니다. Promise : Promise는 비동기 처리가 이뤄진 후 미래의 어떤 시점에 결과 하나를 생성하는 객체입니다. 단일 방출만 처리할 수 있으며 취소할 수는 없습니다. Async/Await : Asunc와 Await를 사용하면 동기적으로 .. 2022. 6. 17.
앵귤러 기초(Angular basic) 33. Angular CLI, ng new 생성 파일 AngularCLI에 대해 알아보고, CLI명령인 ng new로 프로젝트를 만들 때 생성되는 파일에 대해 알아보겠습니다. 이번 포스트는 아래 내용을 다루고 있습니다. Angular CLI란 Angular CLI 기본 문법 ng new사용법과 ng new로 생성된 파일들 알아보기 Angular CLI란 Angular CLI는 Angular에 대한 명령줄 인터페이스입니다. Angular CLI의 주된 목적은 Angular 애플리케이션 구축, Angular 파일 생성, 결과 애플리케이션 구축 및 서비스, 테스트 실행, 배포 준비 등을 지원하는 것입니다. 앵귤러 CLI 기본문법 앵귤러 CLI의 기본 문법은 아래와 같습니다. ng -- 예를 새로운 프로젝트를 작성할때는 아래와 같이 이용 합니다. ng new he.. 2022. 2. 12.
앵귤러 기초(Angular basic) 32. 공유 모듈(shared module) 공유 모듈을 만들고 모듈에서 이용해 보도록 하겠습니다. 이번 포스트는 아래 내용을 다루고 있습니다. 공유 모듈의 목적 공유 모듈 정의하기 공유 모듈 작성하기 공유 모듈의 목적 공유 모듈의 목적은 일반적으로 사용되는 기능 조각을 하나의 모듈로 정리하여 공유 모듈을 사용하는(import하는) 모든 모듈에서 사용할 수 있도록 내보내는 것(export) 입니다. 이를 통해 재사용 가능한 컴포넌트와 외부 모듈을 선택적으로 취합하여 통합 편의 모듈로 다시 export할 수 있습니다. 공유 모듈을 만들려면 모듈 파일인 SharedModule을 정의하고 공유된 조각이 이 모듈에 오도록 응용 프로그램의 조각을 재구성해야 합니다. 공유 모듈(Shared Module) 정의 공유 모듈을 사용하기 전의 기능 모듈인 Movie.. 2022. 2. 11.
앵귤러 기초(Angular basic) 30. 앵귤러 모듈(Angular Module) 앵귤러에서 가장 중요한 개념 중 하나인 모듈에 대해 알아보도록 하겠습니다. 이번 포스트는 아래 내용을 다루고 있습니다. 앵귤러 모듈의 역할 애플리케이션의 구성 앵귤러 모듈이란 앵귤러 모듈은 NgModule 데코레이터가 있는 클래스입니다. 지난 포스트에서 계속 다뤘던 AppModule은 아래와 같습니다. 앵귤러 모듈의 역할 애플리케이션의 일부를 구성하고 이를 응집력 있는 기능 블록 정리해 주고 외부 라이브러리 기능 통해 애플리케이션을 확장하게 합니다. 앵귤러 모듈은 컴포넌트 템플릿에서 디렉티브와 파이프를 위한 실행 환경을 제공합니다. 다른 모듈로부터 클래스를 선택적으로 취합하여 통합 모듈로 다시 내보낼 수 있게 합니다. 애플리케이션이 시작될 때 빠르게 로드되거나 라우터에 의해 비동기적으로 느리게 로드(la.. 2022. 2. 10.