얼마 전 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