Fall in IT.

간단하게, javascript for문의 종류와 특징에 대해서 정리해보도록 하겠습니다. for문 알아보기기존 for문let array = [1,2,3,]; for(let i = 0; i < array.length; i++) {console.log("value: ", array[i]);} // output: value: 1, value: 2, value: 3 for .. in - 일반 Object의 문자열 키를 순회하기 위해 만들어진 문법입니다. - 배열의 속성들을 순회하기 위한 구문입니다. - 주의. 모든 열거 가능한 프로퍼티에 대해서 순회합니다. (즉, 배열 원소가 아닌 확장 속성도 순회합니다. length와 같은)for (let i in array) {console.log(i);} // output:..

Git Client 프로그램(소스트리, github desktop 등)을 사용하다가Git command를 사용하려고하니, 불편한게 이만저만이 아니였습니다. 그러던 와중에... git 명령어를 alias하여 사용하면 훨씬 편하지 않을까? 란 생각에 찾아보았더니.. 역시나!많은 사람들이 이렇게 쓰면 편하고 좋다며.. 공유해 놓았네요. ^^ 간단하게, Git 명령어 alias 설정하는 방법에 대해서 알아보겠습니다. Git 명령어 alias 설정하는 방법 파일 오픈 $ vi ~/.gitconfig 아래 쪽에 밑에 코드 추가 [alias] st = status br = branch co = checkout ll = log --pretty=format:"%C(yellow)%h%Cred%d\\ %Creset%s%Cb..

필자는 git 클라이언트로 소스트리를 사용합니다. 그런데,최근 알수없는 이유로 사용중에 반복적으로 종료되는 현상이 발생...(소스트리를 지우고 재설치 해봐도 동일한 현상... 원인 또는 해결법을 아시는 분은 알려주세요. ^^.. 참고로 맥북프로를 사용합니다.) 다른 클라이언트를 사용할까 하다가 이참에, git을 cli로 사용해보자는 생각이 들어서 사용해보았습니다. 소스트리를 사용할때는 GUI로 쉽게쉽게 사용해서 그런지 자주 사용하는지 잘 몰랐던 기능들을 cli로 쓰니.. 내가 어떤 기능들을 많이 사용하는지 확 느껴져서 정리 해봤습니다. 아래 표에 정리된 내용은 필자가 자주 사용하는 명령어이고, 아래 참조에 있는 링크를 따라 들어가면 더 많은 내용들이 있으니, 필요하신 분들은 참고해주시기 바랍니다. 하하...

안녕하세요. 오늘은 Ionic Framework를 사용하여 앱을 만든 후, Android 앱을 Publishing을 쉽게하는 방법에 대해서 알아보도록 하겠습니다. Android Publishing 방법 (keystore 파일은 생성했다는 가정하에 설명합니다.)ionic-cli를 사용하여 앱을 빌드합니다. $ cd {ionic project 경로} $ ionic cordova build android --prod --release jarsigner 유틸리티를 사용하여 unsigned 상태의 APK에 sign 합니다. $ jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore {키스토어파일명} {apk파일명} {키스토어별명} $ 키스토어의 비밀번호..

안녕하세요.자바스크립트뿐만 아니라 모든 언어에서 시간 차이를 구하는 함수는 많이 사용됩니다.오늘은 자바스크립트에서 Moment.js를 사용하여 시간차이를 구하는 방법에 대해서 알아보도록 하겠습니다. Moment.js란?기존에 포스팅한 내용이기 때문에 생략합니다. ^^Moment.js 간단 설명 Moment.js를 사용하여 시간차이 구하기 (시간1: 과거시간, 시간2: 현재시간 임을 가정합니다.)Sample 1) - 시간 1, 시간 2 사이의 일(day) 차이 구하기 console.log('일 차이: ', moment.duration(t2.diff(t1)).asDays());Sample 2) - 시간 1, 시간 2 사이의 시간(hour) 차이 구하기 console.log('시간 차이: ', moment.d..

네트워크 장비 간단하게 알아보기 RepeaterLayer1으로 구성된 장비기기가 알수있는 비트(01010) 신호로 변경하고 전달하는 역할기기간에 전달과정에서 약해진 신호를 강한 신호로 증폭시켜줍니다. BridgeLayer2으로 구성된 장비프레임 중계기. 프레임 복원 후 다른포트로 보내주는 역할비트 신호로 변경 > 프레임 복원소규모 네트워크에서 성능을 올리기위해서 사용됩니다.내부 트레픽과 외부 트레픽을 분리해서 성능을 높여줍니다. RouterLayer3으로 구성된 장비패킷 중계기IP 주소, 라우팅 테이블 사용, 최적의 경로 전달, 대규모 네트워크에 사용합니다.비트 신호로 변경 > 프레임 복원 > 패킷 복원 Gateway7계층 장비프로토콜 중계기서로다른 프로토콜 사이를 중계할때 사용하는 장비 Switch하드..

안녕하세요.오늘은 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 명령어를 사용하여 실행하고 싶을땐..