Initialize Angular Form Control with Empty Array

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

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

My First Github Contribution

최근에 PR 보내서 merge된 것이 있었다. 코드를 짠 것은 하나도 없었고 README.md 만을 수정한 PR이라서 더 간단히 승인받은 느낌. 간단히 설명하면, babel-plugin-import의 기능을 ts-loader에서 구현한 ts-import-plugin이라는 녀석이 있다. 그 기능이라 함은, lodash로 대표되는 대형 라이브러리를 수동으로 쪼개서 import할 때 import isNil from ‘lodash.nil’;로 귀찮게 작성하느니, 그것까지 babel-transpiler에서 preprocessing을 해주겠다는 것. 하지만 TypeScript는 babel을 안쓰잖아? 그래서 TS쪽에서는 […]

Front-end Test

1) Why Should We Test 개인이 혼자서 작성한 소규모 프로젝트이거나 개인이 한 프로젝트에 대한 지속적이고 충분한 이해가 가능한 상황이라면, 테스트의 중요도는 현저히 낮아진다. 하지만, 여러 사람이 파트를 나누어 중간 규모 이상의 프로젝트를 개발하는 상황에 테스트가 없으면 상위자의 “잘 돌아가?” 라는 질문에 쉽사리 대답할 수 없게 되며, 작게는 개발자 개개인을 불안과 불행에 빠지게 하고, 크게는 프로젝트 […]

‘Mastering TypeScript 2e’를 읽고

Nathan Rozentals | Packt Publishing (교보문고) 들어가기 앞서 왜 원서를 주문했나요? 원서가 더 비싼데.. 연구실 돈으로 주문한 책입니다ㅎ (탕진잼ㅎ) 제가 좀 사대주의가 있어서.. 그럼 자비로 구매하는 상황이라면? 아예 구매를 안 했을 것 같네요. 워낙에 MS 공식 문서가 괜찮게 되어있어서. 이 책을 제 돈 주고 살 가치가 있을까요? 원서는 적극 비추합니다. 특히 종이책은 55,000원이라는 무식한 가격에 […]