Fall in IT.

안녕하세요.오늘은 타입스크립트(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..

안녕하세요.오늘은 자바스크립트(Javascript) 문자열에서 모든 공백을 제거하는 방법에 대해서 알아보겠습니다. 테스트도구Chrome browser의 Console을 사용하였습니다. 1. 문자열 모든 공백 제거 방법 2. 문자열 앞 공백 제거 방법 3. 문자열 뒤 공백 제거 방법 4. 문자열 앞/뒤 공백 제거 방법 (trim 함수 사용) 모두 즐거운 코딩하세요~

안녕하세요. 오늘은 패딩 영역은 제외하고 백그라운드 색상 입히는 방법에 대해서 알아보도록 하겠습니다. 패딩 영역은 제외하고 백그라운드 색상 입히는 방법간단히 background-clip 속성을 사용하여 해결할 수 있습니다.아래 예제를 참고해주세요. 소스코드background-clip 속성을 사용하지 않았을 경우 background-clip 속성을 사용했을 경우 참조https://stackoverflow.com/questions/5896351/how-to-background-a-div-without-the-padding-area 모두 즐거운 코딩하세요~

안녕하세요.오늘은 Angular5에서 DOM의 변경이 발생되지 않는 이벤트에 대해서 강제로 변경 감지를 호출 시키는 방법에 대해서 알아보도록 하겠습니다. Angular는 많은 핵심기능들을 가지고 있지만, 그중에서도 Two-way-databinding 기능은 프론트 개발을 하는데 있어서 큰 편리함을 제공합니다. 그러나, javascript 또는 typescript에서 데이터 변경이 일어났음에도 불구하고 DOM에 변경사항이 반영되지 않는 상황이 종종 발생하곤 합니다. 오늘은 이 문제를 해결하는 방법에 대해서 간단하게 알아보도록 하겠습니다. 문제 javascript 또는 typescript에서 데이터 변경이 일어났음에도 불구하고 DOM에 변경사항이 반영되지 않는 문제 이유여러가지 이유가 있을 수 있지만, 아래..