Dstyle-It's Me. Dstyle-It's Me.

FrontEnd

• [코딩도장] Multiples of 3 and 5

  FrontEnd/그외 2016. 7. 12. 15:56

  공부할겸.. 시작 3과 5의 배수이니 나누고 나머지가 0 이여야 된다. 맞는것.http://codingdojang.com/scode/350

  Read More
• [Gulp] gulp-sass 사용법.

  FrontEnd/Nodejs , Task Runner 2016. 7. 12. 11:20

  설명 SASS(SCSS)을 컴파일 하는 Gulp 플러그인 인스톨 npm install gulp-sass --save-dev 옵션PS. 쓸만한 애들만 작성함 옵션명 데이터타입 기본값 사용가능값 설명 outputStyle String nested nested , expanded , compact , compressed CSS의 컴파일 결과 코드스타일 지정 indentType String space space , tab 컴파일 된 CSS의 "들여쓰기" 의 타입 indentWidth Number 2 Number 컴파일 된 CSS의 "들여쓰기" 의 갯수 precision Number 5 Number 컴파일 된 CSS의 소수점 자리수. sourceComments Boolean false Boolean 컴파일 된 C..

  Read More
• [Node] file path에서 자신의 바로상위 폴더명 가져오기.

  FrontEnd/Nodejs , Task Runner 2016. 7. 12. 11:13

  path의 url 가져오기 기능을 이용해서 자신이 속한 폴더명을 가져오도록 처리하도록 하는 소스

  Read More
• [Gulp] 기본 걸프 셋팅(Gulp Setting)

  FrontEnd/Nodejs , Task Runner 2016. 7. 11. 15:01

  걸프의 기본셋팅이다. 자세한 사항은 https://dstyle0210.github.io/gulp-setting/ 에서 확인가능하다.

  Read More
• [퍼블센스] text-overflow 와 word-break 혼합사용.

  FrontEnd/Scaffolding 2016. 6. 29. 13:54

  See the Pen XKMBLJ by 원용봉 (@dstyle0210) on CodePen. (마우스를 올리면 현상을 볼수 있음) 마우스 오버시, transition에 의해서 height값이 변경되는 애니메이션이 일어나지만,"사용자가 영문만 입력" 했을경우 "줄바꿈이 일어나지 않으면서" 하단 공간이 있는것처럼 나오게 된다. 하지만 미리 word-break 을 선언하게 되면, 실제적으로 줄바꿈이 일어나면서 text-overflow가 일어나지 않게 된다. 해서 방법은 늘어날때만(예제에서는 :hover) word-break을 사용하는것이 필요하다.

  Read More
• [CSS] 파이어폭스에서 버튼의 간격지우기

  FrontEnd/Scaffolding 2016. 6. 22. 17:07

  GIST (code) DESCRIPTION 파이어폭스는 button엘리먼트의 margin , padding , border 을 모두 지워도, 실제적으로 눌리기 위한 간격(-moz-focus-inner)이 존재 한다.해당 부분을 지워주는 코드.

  Read More
• [티스토리] 카테고리 목록을 Json으로 추출하기

  FrontEnd/Scaffolding 2016. 6. 22. 16:58

  GIST (code) DESCRIPTION티스토리의 카테고리 치환자 중. "" 로 넣을경우,상위 의 아이디를 넣으면 json으로 데이터를 리턴하도록 처리함. json으로 받아서 개별동작 시킬때 유용함. APIoId {String} : 카테고리 치환자를 감싸고 있는 엘리먼트 아이디 (ex : "#categoryCase")

  Read More
• [Babel , Swiper] Babel을 이용하여 Swiper 기본 구현.

  FrontEnd/Scaffolding 2016. 6. 14. 18:18

  See the Pen <a href='https://codepen.io/dstyle0210/pen/mEPGJJ/'>mEPGJJ</a> by 원용봉 (<a href='http://codepen.io/dstyle0210'>@dstyle0210</a>) on <a href='http://codepen.io'>CodePen</a>. 블로그에 사용할 swiper을 만들기 위해, 오랜만에 Babel로 만들면서 기본 템플릿 구현중. 하나의 컴파일된 JSX을 가져와서 데이터만 넣으면 swiper의 기본구조로 구현이 되도록 하면 될듯. = 0.0.1 =* prototype으로 작성.

  Read More