[Gulp] Gulp 시작하기
·
개발일지/2016
Gulp 입문 from 라한사 아 목차Hello World난독화 Uglify다른 task 생성CSS Minify로깅 util파일 연결 concat파일명 변경 rename작업동시처리 sourcemaps에러처리 plumber아이콘벤터프리픽스 자동처리플러그인 의존성관리이미지 압축sass 컴파일파일 변경 감지 watch브라우저 가동 browser-syncjslintjasminejasmine-phantom.js 참고 [NodeJS] Gulp 입문 ① - Gulp에 대한 소개 | 감성__ 프로그래밍 [NodeJS] Gulp 입문 ② - 한단계씩 따라하며 gulp.js 익히기
[Gulp] Gulp install, version check error (hello world 예제 오류)
·
개발일지/2016
node.js를 이미 설치한 상태에서 간단한 gulp 예제를 실행해보려고 했다.npm install gulp --globalgulp -v gulp 설치 후 버전 확인을 하려고 하면 아래와 같은 에러가 발생했다.module.exports = (arr, ...values) = > { ^ SyntaxError: Unexpected token .at Module._compile (module.js:469:25)at Object.Module._extensions..js (module.js:474:10) (이하 스샷 참조) 뭐가 문제인지 몰라서 한 참을 삽질 했는데, 위에 로그를 보니 뭔가 노드 버전이 안 맞아서 생긴 오류 같았다. 노드 버전을 확인해 보니 v0.10.13였다. 도대체 왜 이 버전을 쓰고 있었던 거..
[JS] Document.createDocumentFragment : DOM 핸들링 속도 개선
·
개발일지/2016
https://developer.mozilla.org/en-US/docs/Web/API/Document/createDocumentFragmenthttp://www.nextree.co.kr/p2081/
[UI] 네이버 블로그 - 코드 입력 기능 추가
·
개발일지/2016
(2016.07.11. 기준) 네이버 블로그에 코드 입력 기능이 추가되었다. 네이버 공식 블로그에 아직 공지사항이 없는 걸 보니 정말 최신 기능이거나, 스리슬쩍 끼워넣어 볼 생각인건가? 아무튼, 정말 반갑다. 사실 티스토리를 쓰는 이유는 유연한 수정, 그 중에서도 코드 입력을 자유롭게 할 수 있다는 점이었다. 네이버는 아직까지 많이 폐쇄적인 에디터 형태를 갖고 있다. 여튼 정말 반갑다! ▼ 에디터 모습 ▼ ▼ 이렇게 보여진다 ▼ 추가됐으면 하는 점1. 코드 폰트 변경2. 가로 스크롤 on/off 기능
[CSS] filter: blur 모바일 브라우저 퍼포먼스 이슈
·
개발일지/2016
정상 이상 안드로이드 5.1.1 이상아이폰6 9.3.2 안드로이드 4.4.2아이폰5s 9.3.2아이폰6 8.1 사파리 배경에 blur 처리 한 이미지를 깔아 사용하고 있는데, 아코디언 메뉴를 사용할 때 전체 height에 증감이 생긴다. 이때 아코디언 메뉴 SlideUp/Down 애니메이션이 버벅거리는 현상이 생겼는데 디바이스 스펙에 따라 좌우되는 것을 확인했다. (안드로이드 4.4.2에서도 내장 브라우저와 크롬 브라우저의 성능 차이는 확실하게 눈에 보였다.)
[CSS] Get rid of space underneath inline-block element
·
개발일지/2016
[이슈] display: inline-block 속성을 가진 element 아래에 공백이 생겼다. [해결] vertical-align: top (or bottom)을 적어주면 사라진다.
[Express] Windows cmd 환경변수 설정
·
개발일지/2016
이렇게 시스템 속성에서 직접 등록할 수도 있지만, cmd에서 할 수도 있다. >path현재 환경변수 정보 보여줌. >set pathpath명령과 동일한 현재 환경변수 정보와 동일한 path 정보와pathext라는 시스템 실행파일 확장자 변수가 같이 나온다. >set path=%path%;추가하고자하는경로;ex) >set path=%path%;c:\java\bin;환경변수 추가(일시적) >setx path "%PATH%;추가하고자하는경로"ex) >setx path "%PATH%;c:\java\bin"환경변수 추가(영구적) %path%를 하는 이유는 현재 환경변수에 path 정보를 가져와서, 현재 환경변수에 새로운 환경변수를 추가해야 하기 때문입니다. echo 명령어를 사용하면 %%를 이용하여 모든 환경변수..
[CSS] hover effect (from Muzli)
·
개발일지/2016
hover effect 가 예뻐서 슬쩍 >.~ See the Pen qNNOKK by Hyejin Oh (@mmt-zinee) on CodePen.
[CSS] CSS Shapes – Triangle
·
개발일지/2016
CSS Shapes – TriangleCSS Shapes – CircleCSS Shapes – TriangleCSS Shapes – Square Rectangle Parallelogram Trapezoid and PolygonsCSS Shapes – Diamond and StarCSS Shapes – Chart and RibbonDifferent CSS Shapes See the Pen <a href='http://codepen.io/mmt-zinee/pen/WxQjON/'>WxQjON</a> by Hyejin Oh (<a href='http://codepen.io/mmt-zinee'>@mmt-zinee</a>) on <a href='http://codep..