Fall in IT.

안녕하세요.오늘은 webpack의 개념과 사용방법에 대해서 간단하게 알아보도록 하겠습니다. 서버에서 처리하는 로직을 JavaScript로 구현하는 부분이 많아지면서 웹 서비스 개발에서 JavaScript로 작성하는 코드의 양도 늘어났습니다. 코드의 양이 많아지면 코드의 유지와 보수가 쉽도록 코드를 모듈로 나누어 관리하는 모듈 시스템이 필요해집니다. 그러나 JavaScript는 언어 자체가 지원하는 모듈 시스템이 없습니다. 이런 한계를 극복하려 여러 가지 도구를 활용하는데 그 도구 가운데 하나가 webpack입니다. webpack이란?웹팩은 모듈 번들러 입니다. 웹팩은 상호 의존성이 있는 모듈들을 사용해 그 모듈들과 같은 역할을 하는 정적 에셋들을 생성해냅니다. webpack 동작방식각 기능 단위별로 mo..

안녕하세요. 오늘은 npm install 옵션 중 --save와 --save-dev의 차이점에 대해서 알아보도록 하겠습니다. npm 이란?npm은 JavaScript 용 패키지 관리자입니다. npm을 사용하면 JavaScript 개발자가 다른 개발자가 공유 한 코드를 쉽게 재사용 할 수 있습니다. https://docs.npmjs.com/getting-started/what-is-npm npm install 이란?npm install은 지정된 패키지를 기본적으로 의존성에 저장합니다. 또한 몇 가지 추가 옵션을 사용하여 저장 위치 및 방법을 제어 할 수 있습니다../node_modules 디렉터리에 패키지를 설치합니다.https://docs.npmjs.com/cli/install npm install (p..

안녕하세요. 오늘은 Javascript에서 사용되는 "use strict" 란 무엇인지 알아보도록 하겠습니다. use strict란?Strict Mode의 선언방식 입니다.이 문구는 ES5부터 적용되는 키워드로, 안전한 코딩을 위한 하나의 가이드라인 입니다. Strict Mode란?Strict Mode는 코드에 더 나은 오류 검사를 적용하는 방법입니다.Strict Mode를 사용하면, 예를 들어 암시적으로 선언한 변수를 사용하거나 읽기 전용 속성에 값을 할당하거나 확장할 수 없는 개체에 속성을 추가할 수 없습니다.Strict Mode는 ECMAScript 5 버전에 있는 새로운 기능으로써, 당신의 프로그램 또는 함수를 엄격한 운용 콘텍스트 안에서 실행시킬 수 있게끔 합니다. 이 엄격한 콘텍스트는 몇가지 ..

안녕하세요.오늘은 타입스크립트(typescript)에서 Key/Value 쌍으로 구성된 객체에 Key/Value 아이템을 추가하는 방법에 대해서 알아보겠습니다. 자바스크립트 예제 코드var obj = { id: 1, name: '홍길동' }해당 객체에 age에 대한 정보도 추가하고 싶을 경우..obj.age = 28로 간단하게 처리가 가능합니다. 타입스크립트 예제 코드let obj = { id: 1, name: '홍길동' }위와 마찬가지로 age에 대한 정보를 추가하고 싶을 경우.. obj.age = 28; // 에러발생 (에러가 발생하는 이유는, typescript는 컴파일 단계에서 obj에 property로 age가 존재하는지 체크하기 때문에 에러가 발생합니다.)해결방법간단하게 obj 객체에 타입을 ..

안녕하세요. 오늘은 Ionic3에서 Background Mode plugin 이슈 해결방법에 대해서 알아보겠습니다. 문제Ionic3 Background mode plugin을 사용할 경우 앱이 시작되자마자 종료되는 현상 발생 (https://ionicframework.com/docs/native/background-mode/) 분석cordova-plugin-ionic-webview plugin과의 충돌로 인해 발생하는 문제로 보임. (해당 플러그인을 삭제하고 실행 했을때는 정상적으로 동작하는 것을 확인하였습니다.)하지만, webview 플러그인은 ionic3에서 기본적으로 필요한 plugin으로 삭제할 경우 ios에서 많은 문제가 발생. 해결방법Background Mode plugin 깃헙 페이지의 is..