2017년에 Grunt와 Gulp를 언급하는 이유

현재 대세는 단연코 Webpack이라고 할 수 있습니다.
하지만 모든 새로운 것들에는 그들이 나오게 된 이유가 있다고 생각됩니다.

Webpack을 더 잘 사용하기위해서는 이전 Grunt와 Gulp에 대한 이해가 필요하다는 생각이 들어서 간단히 정리해보려고 합니다.

데이터 구조 재가공 하기

작업을 위해 원데이터를 재가공해야할때가 있습니다.
원하는 구조를 만들기 위해 filter, map, reduce를 활용할 수 있습니다.

멀티라인에서의 말줄임은 단일줄과 다릅니다.

기존 말줄임은 간단히 ‘text-overflow: ellipsis’ 속성을 사용하여 적용 할 수 있습니다.
말줄임 기능은 여러줄에 있을 경우 더욱 필요한 경우가 더 많습니다.
하지만 우리가 아는 ellipsis로는 구현할 수 없습니다.

JS에서 break와 continue사용하기

자바스크립트에서 제공하는 반복문으로 break와 continue를 사용해보자.

어떤 방법으로 레이아웃을 만드시나요?

레이아웃을 고려할때 여러 방법을 생각을 하게 됩니다.
많은 방법중에 테이블패턴을 활용한 레이아웃은 생각보다 편합니다.

CSS 말 줄임표를 사용하려면 ?

CSS를 사용시 단락에 ‘말 줄임표’를 사용할 경우가 있는데,
이때 ‘text-overflow: ellipsis’ 속성을 사용하여 적용 할 수 있습니다.