아카이브: 2018/4

자바스크립트 객체 복제 방법

자바스크립트에서 의외로 객체의 복제가 쉽지 않을 수 있습니다. 예를 들어 다음과 같은 객체가 있다고 해보겠습니다. 12345678910111213const original = { num: 1000, bool: true, str: 'test', func: function () { console.log('fu

[CSS] 이미지의 일부로 캡션 넣기

지난 포스트에서 absolute position의 기본적인 특징과 작동 매커니즘에 대해서 살펴보았습니다.이번 포스트에서는 absolute position를 응용해서 이미지의 일부로 캡션을 넣는 방법에 대해서 알아보겠습니다. 기본 이미지 캡션 배치웹페이지 상의 이미지에 캡션을 넣을 때는 보통 HTML5에서 도입된 <figure/>와 <figc

[CSS] Absolute Postion - 자유로운 엘리먼트 배치

부모 엘리먼트애 구애받지 않고 엘리먼트를 자유롭게 배치시킬 수 있는 absolute position에 대해서 알아보겠습니다. 엘리먼트 배치 관련 CSS 속성CSS의 position 속성은 엘리먼트가 브라우저 화면에 어떻게 배치되는가를 결정합니다.기본값은 static이며 relative나 absolute, fixed 등으로 변경이 가능합니다.이번 포스트에서

NodeJS로 ES6 코드 실행하기

ES6(ES2105) 이상의 최신 자바스크립트 문법으로 작성된 코드가 노드JS(NodeJS)에서 실행이 안 되는 경우가 종종있습니다. 이럴 경우 어쩔 수 없이 예전 자바스크립트 문법으로 코드를 재작성하기도 하는데요. 이번 포스트에서는 자바스크립트 Transpiler인 Babel을 이용하여 이 문제를 해결해보겠습니다. NodeJS에서 ES6 코드 실행 오류먼

자바스크립트 ES6 모듈 내보내기/불러오기 (import)

자바스크립트 개발을 하다보면 require나 import 키워드를 통해 외부 라이브러리를 불러오는 코드를 자주 보게 됩니다. require는 NodeJS에서 사용되고 있는 CommonJS 키워드이고, import는 ES6(ES2015)에서 새롭게 도입된 키워드입니다. 두 개의 키워드 모두 하나의 파일에서 다른 파일의 코드를 불러온다는 동일한 목적을 가지고