Fall in IT.

안녕하세요.오늘은 자바스크립트(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에 변경사항이 반영되지 않는 문제 이유여러가지 이유가 있을 수 있지만, 아래..

안녕하세요. 오늘은 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 단위 테스트 툴을 사용합니다. 보편적이고 많이 사용되는 코드로 예제를 작성합니다. 구축환경맥북프로에 로컬 테스트 환경을 구축합니다.자스민 + 카르마 조합을 사용합니다. (카르마가 실행되면 카르마 서버가 실행되고 동기화된 브라우저가 열립니다. 이때 카르마는 서버로서 테스팅 환경을 제공하고 카르마 위에서 자스민 테스팅 프레임워크가 동작합니다. ) 용어..