Angular + Redux

English Description Added due to increasing acquisition from USA! (26 Jul 2018) Terminology / Preface 옛날 Angular (JavaScript Based): angular.js 요즘 Angular (TypeScript Based): Angular 2년 전 angular.js + Redux로 작업한 적이 있었다. 최근에 Ionic으로 작업하면서 Angular와 Redux를 같이 사용할 기회가 있었고 적당히 컨벤션을 정리해본다. 이전과 가장 달라진 점이라면 역시 사용하는 프로그래밍 언어다. Action Creator와 […]

내가 경험한 Ionic Framework (2+)

0. 이전에 작성했던 포스트는 angular.js (angular1) 를 기반으로 짜여진 Ionic 1에 관한 내용이었다. 그 뒤로 앱을 개발할 일이 전혀 없을 줄 알았는데, 최근에 백엔드 서버, 프론트 어드민, 그리고 아이오닉 안드로이드를 개발할 일이 다시금 생기면서 Ionic with Angular (a.k.a. angular2+) 에 대해 포스팅 해보려 한다. 1. 역시 Ionic1에서의 컨셉과 비슷하다. TypeScript를 기반으로 하는 Angular를 쓴다는 차이점만이 있을 뿐, 나머지는 전작과 비슷하다. Cordova […]

reselect 알아보기

redux 앱을 위한 짱짱 라이브러리, reselect에 대해 알아보자. 1. reselect는 무엇을 위한 라이브러리인가? Simple “selector” library for Redux inspired by getters in NuclearJS, subscriptions in re-frame and this proposal from speedskater. Selectors can compute derived data, allowing Redux to store the minimal possible state. Selectors are efficient. A selector is not recomputed unless one of its […]

react study #3

React를 열심히 공부를 했었다. #1, #2. 그러다가 큰 변경없이 angular에 redux만 섞어서 써보자는 생각도 해서 실제로 꽤 많은 부분을 ngRedux를 사용해서 포팅을 했었는데, 포팅하면 할 수록 react로 했으면 더 간편했을 텐데.. 같은 부분이 마구마구 생겼다. angular의 dircetive로 react의 component를 흉내내기를 한 것인데 변수를 넘겨주면 =, 일반 문자열을 넘겨주려면 link constructor의 attrs에서 받아오기, 동적인 문자열은 @, […]

unidirectional flow in redux

redux에서 단방향 흐름을 strict하게 지켜야하는 가에 대해서 고민을 했었다. 고민을 하게 된 케이스는 두 개인데, 첫 번째는 단계가 있는 폼을 구현할 때, 현 스텝에서의 validation이 다음 스텝으로 넘어갈 수 있냐 없냐를 결정해야하는 경우. 두 번째는 여러 개의 폼이 api 호출 파라미터인 경우였다. 첫 번째부터 살펴보도록 하자. 사용자의 이메일, 비밀번호, 비밀번호 재입력 등을 입력받아서 다음으로 next를 […]