Fall in IT.

안녕하세요.오늘은 Angular5에서 쉽게 email 유효값을 검사하는 방법에 대해서 알아보도록 하겠습니다. 사용 방법Angular5에서는 API로 email validation 체크하는 directive를 제공하기 때문에 간단하게 유효값 검사가 가능합니다.하지만, @뒤에 .(dot)은 검사할 수 없습니다. 예제 코드 결과 참조 https://stackoverflow.com/questions/42366649/angular2-email-validationhttps://angular.io/api/forms/EmailValidator 모두 즐거운 코딩하세요~

안녕하세요. 오늘은 PWA(Progressive Web App)에 대해서 알아보도록 하겠습니다. PWA는 재배포 하지 않아도 업데이트가 가능하고 즉시 수정이 가능해서 항상 최신상태를 유지할 수 있다는 말을 많이 들었습니다. 또한, 오프라인/온라인 모두 사용이 가능하다는 말에 PWA가 어떤 기술이길래 가능할까 의문이 들어 알아본 내용들을 정리합니다. PWA(Progressive Web App) 란?PWA는 웹의 장점과 앱의 장점을 결합한 환경입니다. 앱과 같이 설치가 필요 없고, 느린 네트워크에서도 빠르게 로드 됩니다. 관련된 푸시 알림을 전송할 수 있고 홈 화면에 아이콘을 만들 수 있으며, 앱과 같이 전체화면으로 로드할 수 있습니다. PWA의 특징프로그레시브 - 어떤 브라우저에서도 똑같이 동작합니다.반응..

안녕하세요. 오늘은 많이 사용되는 javascript 라이브러리 lodash에 대해서 간단하게 알아보고, 자주 사용되는 기능 몇 가지만 알아보도록 하겠습니다. lodash란?lodash는 자바스크립트 유틸리티 라이브러리 입니다.유틸리티 라이브러리로 array, collection, date, number, object 등이 있으며, 데이터를 쉽게 다룰 수 있도록 도와줍니다. (예를들면, 배열 안에 중복 값을 제거하기 / object 배열 안에 특정 값만 추출하기 등..)특히, 자바스크립트에서 배열 안의 객체들의 값을 핸들링할때 유용합니다. 자주 사용되는 기능 filter - 배열 안에 요소들 중, 특정 값만 filter하고 싶을때 사용합니다. var users = [ { 'user': 'barney', ..

안녕하세요. 오늘은 Angular 프로젝트에서 npm script 를 등록하고 사용하는 방법에 대해서 알아보도록 하겠습니다. npm script 사용하기Angular Cli를 사용하여 프로젝트를 생성하면, 아래 명령어를 사용하여 프로젝트를 실행할 수 있습니다. 프로젝트 실행$ npm start 테스트 코드 실행$ npm test 등등.. 이처럼 다양한 명령어를 사용하여 프로젝트를 동작시킬 수 있는 이유는 어딘가에 해당 스크립트가 등록되어 있기 때문입니다.package.json 파일을 열어보면 "scripts" 부분에 start, build, test, lint 등 다양한 스크립트가 등록되어 있는 것을 확인할 수 있습니다. 그렇다면, 우리가 custom한 스크립트를 npm 명령어를 사용하여 실행하고 싶을땐..

안녕하세요. 오늘은 angular-cli를 사용하여 만든 angular5 프로젝트에 scss를 사용할 수 있도록 설정하는 방법에 대해서 알아보겠습니다. 목적angular-cli를 사용하여 만든 angular5 프로젝트에 scss 적용합니다. 진행방법angular-cli를 사용하여 프로젝트를 최초로 생성할때 scss 적용해보기이미 만들어진 angular-cli에 scss 적용해보기 (angular-cli가 설치되어 있다는 가정하에 설명합니다.) angular-cli를 사용하여 프로젝트를 최초로 생성할때 scss 적용하는 방법style 옵션에 scss를 설정하고 프로젝트를 생성합니다.$ ng new my-app --style=scss 이미 만들어진 angular-cli 프로젝트에 scss 적용하는 방법scs..