Stream에서 중요한 것은 순서이다. 이번에 게임 추천 시스템을 만들면서 알고리즘에 대한 계산 시간을 줄이기 위해 많은 방법을 생각했었다. 그 중에 하나는 싱글 스레드로 작동되는 Node.js의 V8 엔진을 멀티 스레드처럼 작동시켜 프로세스의 작업 효율을 높히는 것이었다. 물론 Parallel.js같이 멀티 프로세싱으로 만들어주는 라이브러리도 있었지만, 필자는 멀티 프로세싱에 대한 이해도 떨어질 뿐만 아니라 이것을 배워 사용하기에는 시간이 많지는 않았다. 그래서 다른 방법을 찾아야 했는데, 그 때 생각한 것이 비동기 방식이었다. 물론, 비동기 방식은 멀티스레드나 멀티 프로세싱처럼 병렬성을 가지는 것은 아니지만, 동시성을 이용할 수 있었다. 또한, 비동기를 조금 더 잘 활용하기 위해서 Rxjs를 이용할 ..
얼마 전 Angular 한국 커뮤니티인 Angular Korean User Group 슬랙 그룹에서 Angular에 상태관리 라이브러리가 필요한지에 대해 이야기를 나눈 적이 있었다. 그것을 발단으로 해서 개인적으로 구글링을 통해 여러 블로그 글을 읽었다. 결과적으로 나는 Angular를 사용하면서 아직까지 상태관리 라이브러리가 필요하다는 생각을 해보지 못했고, 앞으로도 상태관리 라이브러리가 필요 없을 것이라는 생각이 들었다. 1_상태 관리 라이브러리 상태 관리 라이브러리의 가장 코어 기능은 어플리케이션에 흩어져있는 데이터를 한 곳에서 관리하여, 데이터에 대한 변경이 발생하면, 변경된 데이터를 신속, 정확하게 전파 하여 일관된 데이터를 가지도록 하는 것이다. 이 개념은 React의 Flux에서 시작되었으며..
Angular CLI 1. 준비 Angular CLI는 Node 6.9.0, NPM 3 버전 이상에서 작동한다. 글이 작성된 18. 01. 08일 기준 최신버전은 Node 8.9.4, NPM 5.6.0 이다. 2. 설치 Angular CLI의 설치는 npm install -g @angular/cli 를 이용하면 설치할 수 있다. 설치를 확인 하려면, ng -v를 이용해 설치된 버전을 확인해보자. 다음과 같이 설치된 Angular CLI의 버전(작성일 기준 최신버전은 1.6.3이다.)과 Node의 버전, OS의 버전이 표시가된다. 만약 Angular 프로젝트에서 ng -v를 쓰게 되면 프로젝트에 쓰인 Angular의 버전도 표시가 된다. 3. 사용 Angular CLI의 명령어는 기본적으로 ng help를..
개발자가 프로젝트의 폴더링을하고 있는 모습이다. Angular 개발을 하면서 지금까지 폴더링을 어떻게 하면 더 한눈에 볼 수 있고 찾기 쉽게 볼 수 있을까 하는 생각을 많이 했다. 다른 Angular 개발자들의 코드가 있으면 그들의 폴더링을 유심히 관찰해봤고, 그들 사이에서 공통점을 몇가지 찾을 수 있었다. 이제 그 공통점들은 이제 나의 것이 되었고 개인적인 Angular 프로젝트 폴더링에 대해 설명해보고자 한다. 필자의 폴더링 방식은 가장 큰 컴포넌트를 기준으로 폴더를 만들고 그것에 속한 컴포넌트를 폴더에 집어 넣는 식으로 하고 있다. 그리고 컴포넌트들끼리 서로 같이 사용하는 컴포넌트나 서비스들은 shared라는 폴더를 만들어 관리한다. 말은 복잡하지만, 그림으로 보면 쉽게 이해할 수 있다. 필자의 폴..
머릿말 Angular의 Form은 두 가지 종류가 있다. 한가지는 Template-driven 방식, 다른 한가지는 Reactive 방식이다. 이번 글에서는 Template-driven 방식과 Reactive 방식의 특징과 차이점을 살펴보고, Template-driven 방식 보다 Reactive 방식이 왜 더 좋은지 살펴볼 것이다. Template-driven 방식의 공식 문서는 Template-driven Forms에서 확인 할 수 있고, Reactive 방식에 대한 공식 문서는 Reactive Forms에서 확인 할 수 있다. 해당 글에서는 각각의 코드 사용법은 거의 언급하지 않을 것이므로, Angular Form에 대한 사용법을 알기 위해 이 글을 찾아 왔다면, 공식 문서로 찾아갈 것을 권장한다...
- Total
- Today
- Yesterday