Angular 를 학습하면서 정리 목적의 포스팅으로 첫번째 내용은 Pipe 이다. Pipe의 사용법, 내장 Pipe, 커스텀 Pipe 구현방법에 대해서 정리하였다. 작성 버전 Angular 4.0.0 Angular CLI 1.0.0 Pipe 란? Pipe 는 템플릿에서 값의 표시되는 형태를 변환해서 보여주기 위해서 사용한다. Angula …

시멘틱 버저닝(Semantic Versioning)을 채택한 후 작년말에 v4.0.0-beta.0을 시작으로 beta.8 이후 rc.6까지 업데이트를 거쳐서 Angular v4.0.0 정식 버전이 2017.03.23일에 릴리즈 되었다. (CHANGELOG) Angular Blog 에 올라온 “Angular 4.0 …

Angular 2 를 비롯한 SPA 프레임워크를 이용해 개발을 하다보면 디버깅이 쉽지 않아서 고생을 많이 하게 된다. React, Vue 역시 크롬 확장 도구로 디버깅 툴이 있는데, Angular 2 도 찾아보니 Angular Augury 라는 이름의 크롬확장도구가 있었다. 추가1 (17.03.27) : Ang …

지난 2017년 1월 25일 Ionic블로그에 2.0.0 Final 릴리즈에 대한 공지가 올라왔다. Ionic 2 는 2016.1.26일 첫 alpha버전을 공개 한 후에 딱 1년만에 정식버전을 릴리즈 하였다. (alpha, beta, rc 총 25번의 릴리즈) 최종 릴리즈는 Virtual Scroll을 제외하 …

React, AngularJS 와 함께 최근 가장 뜨거운 프레임워크가 Vue.js 인것 같다. 공식 문서가 한글 번역되어 있어 너무나 쉽게 시작할 수 있고, 상대적으로 진입장벽이 조금 낮다. Vue를 처음 접한다면 먼저 공식문서에 시작하기에 있는 JSFiddle Hello World 예제나 velopert님의 블로 …

Boostnote 는 다양한 언어의 코드조각(snippet)을 작성할 수 있고, 마크다운으로 메모 할 수 있는 심플한 데스크탑 노트 앱 이다.

ionic 1(angularJS 1) 시작하는 방법과 달라진점은 없으나 ionic 2는 AngularJS 2 기반으로 설치 및 기본 파일 구조에 대해서 정리하였다. 이 글을 작성하는 시점의 ionic 2은 v2.0.0 rc.4 버전이다. 설치 npm install -g ionic cordova 필수사항으로 node.js 를 …

CSS 방법론(1)-BEM 방법론에 이어서 OOCSS 객체지향 CSS 방법론에 대해서 정리해 보았다. 2가지 기본원칙 구조(structure)와 모양(skin)의 분리 : 반복적인 시각적 기능(배경, 테두리..)을 별도의 “스킨”으로 정의하여 다양한 객체와 혼합하여 중복 코드없이 시각적 다양성을 표현할 수 있다. 콘테이너와 콘텐츠의 …

WSConf에서 CSS 방법론(OOCSS, BEM)에 대한 세션을 들으면서 CSS를 작성할때 어떤 방법론을 통해서 작성해 본적이 없었고 그냥 생각나는데로, 또는 다른데서 봤던 형태로 작성하고 있었던거 같다. id, class명을 작성할때, 항상 고민이였던 부분이 네이밍이였고, 그때그때 떠오르는데로 작성하는 경우가 …