프로그래밍/Angular60 [RxJS / angular] RxJS를 사용하는 이유 어떠한 장점이 있길래 앵귤러에서는 기본 패키지에 포함돼서 RxJS가 인스톨되고 사용하기를 권장하는 걸까요? 다른 기술도 있는데 왜 RxJS 써야할까? 비동기 및 이벤트 기반 데이터를 관리하는 다른 여러 기술들이 있습니다. 왜 다른 기술 대신에 RxJS를 써야 할까요? 간략히 비동기를 처리를 해주는 기술을 생각해보겠습니다. Callback : 콜백은 비동기 작업이 완료된 후 다시 호출할 수 있는 함수이지만 중첩된 비동기 작업을 해야 할 때는 콜백을 관리하기가 어려워집니다. Promise : Promise는 비동기 처리가 이뤄진 후 미래의 어떤 시점에 결과 하나를 생성하는 객체입니다. 단일 방출만 처리할 수 있으며 취소할 수는 없습니다. Async/Await : Asunc와 Await를 사용하면 동기적으로 .. 2022. 6. 17. [RxJS / angular] RxJS 란? 제가 앵귤러를 처음 시작하고 느낀 몇 가지 어려움 중 하나가 RxJS 였던 것 같습니다. 이번 포스트를 시작으로 RxJS에 대해 개념부터 Angular에서의 사용법까지 차근차근 다뤄보도록 하겠습니다. RxJS는 무엇인가? RxJS는 Reactive Extensions for JavaScript의 약자입니다. 처음에 Reactive Extension은 마이크로소프트에서 Rx.NET으로 개발했습니다. 그 이후로 Java, Python, Ruby, JavaScript를 비롯한 여러 다른 언어로 구현되었습니다. RxJS를 이용하는 프레임워크로는 Angular, React, Vue가 있습니다. 물론 JavaScript와 TypeScript와 같은 언어와 함께 RxJS를 쓸 수 있습니다. RxJS의 공식문서에 따르.. 2022. 6. 16. 앵귤러 기초(Angular basic) 34. ng serve, ng generate 지난 포스트에 이어 angular CLI가 이어집니다. 이번 포스트에서는 ng serve에서 출력되는 번들에 대해 알아보고, 이를 브라우저에서 확인해 보겠습니다. 그리고 ng generate란 무엇이고, ng generate의 명령어 종류에 대해 알아보겠습니다. 이번 포스트는 아래 내용을 다루고 있습니다. ng serve의 역할 ng serve후 번들 되는 파일 ng generate의 역할 ng generate명령어들 ng serve의 역할 ng serve 명령은 애플리케이션을 컴파일하여 템플릿과 TypeScript코드를 JavaScript로 바꿉니다. 그리고 포트 4200에서 수신하는 로컬 웹 서버를 시작합니다. ng serve로 웹서버를 시작하게 되면 메모리에서 애플리케이션을 제공해 주고 파일을 변경.. 2022. 2. 13. 앵귤러 기초(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. 이전 1 ··· 4 5 6 7 8 9 10 ··· 15 다음
