Fall in IT.

안녕하세요. 오늘은 Angular5(typescript 기반)에서 외부라이브러리 import 하는 방법에 대해서 알아보겠습니다. 정확히는 Typescript에서 tsd 파일 없이 외부라이브러리를 사용하는 방법에 대해서 알아보도록 하겠습니다. Typescript에서 외부라이브러리 import 방법으로 daum 지도를 api사용해 보도록 하겠습니다. 목적Angular5에서 daum 지도 사용 방법을 알아봅니다. 요구사항tsd 파일 없이 외부라이브러리를 import하여 사용합니다. 샘플코드아래와 같이 sample 코드를 작성합니다. 에러 발생컴파일 단계에서 daum 객체에 에러가 발생합니다. 에러 내용은 "cannot find daum"daum 변수에 대한 타입이 지정되어 있지 않아 발생하는 에러로 해결방법은..

안녕하세요. 오늘은 간단하게 Javascript 단위 테스트 환경 구축하는 방법에 대해서 알아보도록 하겠습니다. 목적Javascript 단위 테스트(unit test) 환경을 구축합니다.Front-End 테스트를 실행할 수 있는 환경을 간단하고, 빠르게 구축합니다.테스트 툴에 대한 세부적인 설정은 생략합니다. 요구사항보편적이고 많이 사용되는 Front -End 단위 테스트 툴을 사용합니다. 보편적이고 많이 사용되는 코드로 예제를 작성합니다. 구축환경맥북프로에 로컬 테스트 환경을 구축합니다.자스민 + 카르마 조합을 사용합니다. (카르마가 실행되면 카르마 서버가 실행되고 동기화된 브라우저가 열립니다. 이때 카르마는 서버로서 테스팅 환경을 제공하고 카르마 위에서 자스민 테스팅 프레임워크가 동작합니다. ) 용어..

안녕하세요. 오늘은 Angular Style Guide에 대해서 간단히 소개해보도록 하겠습니다.아직 Angular(2이상)는 대규모 서비스에서 사용된 사례가 많지 않기 때문에 Style Guide 또한 다듬어져가는 중입니다.Angular 진영에서 공식 사이트에 TECHNIQUES 카테고리에 올린 Style Guide를 참고하여 중요한 부분만 간략하게 정리해 보았습니다. Angular Style GuideAngular 공식 사이트에 나와 있는 style guide를 바탕으로 angular 구문(syntax), 규칙(conventions)에 대해서 정리합니다. File structure conventionshero.component.tshero.component.htmlhero.component.css Si..

안녕하세요. 오늘은 ionic 3에서 --prod 옵션을 사용하여 build 하였을때, 발생하는 에러픽스 방법에 대해서 공유하려고 합니다. 문제 $ ionic cordova run android / ios 를 실행할 경우 정상적으로 동작한다.$ ionic cordova run android --prod 를 실행할 경우 error 가 발생한다. --prod 옵션이란?실제 productions 형태로 빌드할때 사용하는 옵션입니다.js, css 등 필요 없는 파일들은 모두 제거하고, 압축 가능한 파일들은 컴팩트하게 압축하여 결과 파일을 만들어 냅니다.$ ionic cordova run -h 명령어를 사용하여 자세한 내용을 확인하실 수 있습니다. 과정많은 문서들을(ionic forum, stack overflo..

안녕하세요. 오늘은 Ionic Framework 3에서 Moment.js 사용방법에 대해서 알아보도록 하겠습니다. Ionic 3에서 Moment.js 사용방법moment.js 설치 - https://momentjs.com/ - $ npm install moment --save node_modules에 moment 폴더가 생긴 것을 확인할 수 있습니다. 사용하고자 하는 컴포넌트의 ts(typescript) 파일에 import 합니다. - ex. import * as moment from 'moment'; 모두 즐거운 코딩하세요~