Initialize Angular Form Control with Empty Array

Angular에서 폼의 초기값을 넣어줄 때 주의해야할 점이 있다. 폼에서 사용할 FormControlName을 이 곳의 group 에서 넘기는 객체에 미리 선언해야한다. 미리 초기값을 선언한다면 b와 같이, 선언하고 싶지 않다면 a와 같이 선언하면 되는 간단한 API 이다. c는 조금 다르다. 2를 초기값으로 가지며 배열의 유효성 검사가 없다는 뜻이다, c: [2, null]은 c: 2 와 동일하다. 이와 비슷하게, d는 초기값을 2로 […]

Whooing 거래내역 삭제 스크립트

가계부를 옮겨보려고 했다. 하지만 복식부기에 익숙하지 않아 (= 댕청해서) 1,000건 쯤 거래내역을 잘못 입력했다. 장고 끝에 이전에 쓰던 가계부 Migration을 포기하기로 결정했다. 그래서 이미 입력해버린 1,000건의 거래내역을 지우기위해 공개된 후잉 API를 이용한 삭제 스크립트를 간단하게 만들어봤다. 본 스크립트를 실행하면 본인 후잉계정의 모든 거래내역을 삭제하게 된다. 이 스크립트로 손실된 데이터에 대한 책임은 본인이… 후잉 웹사이트 > […]

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와 […]

Webpack4 DllPlugin Configuration

본 포스팅에서는 DllPlugin이 무엇인지, 어떻게 동작하는지, 그리고 어떻게 설정해야 하는지를 다루고, Webpack4의 zero-configuration라는 캐치프라이즈는 역시 거짓부렁이었다는 것을 증명한다. DLL Dynamic Link Library. 윈도우 프로그램을 설치한 뒤에 보이는 .dll 확장자처럼 외부 라이브러리들을 미리 Compile 해놓는 기법이다. 프로젝트에서 파일을 갱신할 때 마다 Webpack이 번들링하는 범위를 줄일 수 있다는 첫 번째 장점, 그리고 프로덕션 환경에서 라이브러리 스택이 변경되지 않은 경우에 재방문하는 […]

Flurry Refactoring (1)

요즘 React를 다시 써보고 싶어졌다. Vue로 너무 많은 프로젝트를 진행했고, Vue도 나름 메인스트림에 올라온 것 같지만, 아직도 React의 기세는 멈출 줄을 모르는 느낌. 그래서 만만한 Flurry를 다시 작성해보기로 했다. Vue -> React, Vuex -> Relay, Bootstrap4 -> Mobile Ant Design, Front-end only -> Back-end enabled, … Test도 하나 없이 짜던 프로젝트였는데, jest, nightwatch로 테스트 세팅도 […]