Angular MEAN Stack 설정 다시 정리 : 서버 사이드 랜더링 미루자.

Angular의 SEO 문제 때문에, 최근 일주일 Angular Universal 이나 SSR (Server Side Rendering) 에 관한 starter 들을 들여다보고 있었다. starter 들을 분석하고 이해가 가능해야 사용해볼 수 있는데, 웹프로그래밍 공부를시작한지 겨우 6개월된 나로써는 역부족이라는 판단을 했다. 억지로 따라하면, 작동이야 시키겠지만 자유롭게 활용할 수 없다면 차라리 워드프레스가 나으리라. 그래서 훗날을 기약한다. 6개월즈음 더 지나면 왠만큼 이해하고 활용할 … Angular MEAN Stack 설정 다시 정리 : 서버 사이드 랜더링 미루자. 더보기

[ Angular2 : Renderer ] View Control 예제

Angular2 에서 View Control 은 처음 공부하는 입장에서 상당히 헤깔릴 수 있다. JQuery 나 Javascript 에서 Dom에 접근하는 방법이 Angular2 에서는 통하지 않는 경우가 있다. 혹자는 jquery를 angular2 에서 사용할 경우에 angular2 자체 해결책을 사용하는 것보다 심하게는 수십배의 속도차이가 난다고도 하더라. 그러니, 과거의 습관은 버리고 Angular2 에서 자체적으로 어떻게 View Control 을 하는 지 익혀둘 … [ Angular2 : Renderer ] View Control 예제 더보기

Angular cli 에서 scss sass 사용하는 법

angular cli 프로젝트를 생성하면 기본 style 형식이 css 로 설정된다. scss 나 sass 를 사용하려면, 프로젝트 생성단계에서 style옵션을 추가해주어야한다. 기존 프로젝트에서 scss 또는 sass를 사용하려면 node-sass 를 설치하고 angular-cli.json 파일을 수정해주면 된다. 새 프로젝트 생성 //SASS 사용시 $ ng new project –style=sass //SCSS 사용시 $ ng new project –style=scss   기존프로젝트에 sass / scss 추가하기 … Angular cli 에서 scss sass 사용하는 법 더보기

[ Angular2 Tips ] jquery-datetimepicker 를 사용해보자.

angular2 datetimepicker 를 검색해보면 ng2-datetime-picker ng2-eonasdan-datetimepicker 등 여러가지 모듈을 찾을 수 있다. 링크된 페이지에 설명된 대로 설정하면 Angular2에서 쉽게 사용할 수 있지만, 왠지 부족하게 느껴진다. 디자인이나 사용성이 내가 원하는 것과는 거리가 있다. jquery datetimepicker 가 사용성이 가장 좋다고 생각했는데, 이건 angular2 에서 바로 npm install, import 해서 사용할 수 있게 만들어져있지가 않다. angular cli 에서 … [ Angular2 Tips ] jquery-datetimepicker 를 사용해보자. 더보기