middleman은 SSG(Static Site Generator) 프레임워크입니다. 가장 많이 알려진 SSG 프레임워크로는 jekyll이 있습니다. github에서 jekyll 엔진을 기본으로 제공하면서 유명해졌죠. SSG 프레임워크의 주기능은 주로 템플릿 관리에 집중되있습니다. 따라서 블로그나 mini-project에서 많이 활용됩니다. 본인도 jekyll을 많이 사용해봤지만 템플릿관리 이상으로 활용하기엔 아쉬운점이 많았습니다. 더보기…
배경 모바일 지식iN 서비스는 미디어 쿼리를 활용한 반응형 웹 디자인(RWD, Responsive Web Design)으로 구현한 웹사이트입니다. RWD로 사이트를 구현했을 때 font-size, line-height, margin, padding 같은 box-model에 영향이 가는 CSS 속성을 수정할 경우, 여러 뷰포트(모바일/태블릿/기타)를 고려하여 미디어 쿼리 코드를 수정해야 하기 때문에 더보기…
grunt 사용하실 때 플러그인 로드의 편의를 위해 load-grunt-tasks를 사용하시나요? 속도면에서 조금 더 뛰어난 jit-grunt로 바꿔보세요! jit-grunt https://www.npmjs.org/package/jit-grunt 설치 $ npm install jit-grunt –save-dev task 이름을 기준으로 해서 task를 실행할 때(JIT: Just In Time) 플러그인을 로드해주기 때문에 grunt 수행속도가 몇초이긴 하지만 더보기…
WebStorm 9 릴리즈 WebStorm 9가 릴리즈 됐습니다. Meteor, React, Polymer, gulp 등을 새롭게 지원합니다. 또, 파일의 종류에 따라 탭/스페이스의 사이즈를 지정할 수 있게 됐으며 EditorConfig나 ESLint, JSCS 등도 지원합니다. Meteor, React/JSX, Polymer 지원 ESLint, JSCS, EditorConfig 지원 PhoneGap, Gulp 통합 더보기…
플래시 업로더를 이용해 업로드 환경을 구성하면 쿠키문제가 발생합니다. . 오류 증상은 업로드 시 IE는 정상적으로 쿠키값이 전달되나 다른 브라우저는에서는 쿠키값이 없거나 잘리는 현상입니다. . 해결 방법은 쿠키값을 플래시 업로더의 FlashVars로 보내고 업로드 시 서버로 전달하는 방식이 있습니다. . 전달해야 할 값이 하나 이상이거나 FlashVars로 더보기…
Firefox 33.0 릴리즈 Chrome나 Opera는 이미 지원하고 있는 <picture> 요소가 추가됐습니다. 플래그를 조정(dom.image.picture.enabled)해야 사용할 수 있습니다. 자세한 내용은 릴리즈 노트를 참고해주세요. 또 개발자 도구에 CSS에 대한 기능이나 새로운 명령어 등 여러가지 기능이 추가됐습니다. 개발자 도구에 대한 자세한 내용은 아래 문서를 더보기…
Chrome38 Stable release Chrome38의 Stable 버전이 출시됐습니다. 추가된 기능은 Chromium Blog를 참고해주세요. 몇 가지 소개해 드리자면 <picture> 요소를 지원하며 ES6의 Map과 Set, Symbol 등을 기본적으로 사용할 수 있도록 변경됐습니다. <picture> 요소에 대한것은 Dev.Opera의 Native Responsive Images 글을 참고해주세요. Set에 대한것은 더보기…
localForage 1.0.0 릴리즈 indexedDB와 WebSQL 그리고 localStorage 등을 랩핑하여 간단한 API로 사용할 수 있는 라이브러리인 localForage 1.0.0이 릴리즈됐습니다. localForage는 Promise 기반과 콜백 형식 모두 사용할 수 있으며, 어떤 스토리지를 사용할 것인지 선택할 수도 있습니다. 1.0.0에서는 구 브라우저(파이어폭스 4, 크롬 31 더보기…
고대비 모드 고대비 모드란? 일반적으로 저시력자를 위해 고려된 모드입니다. 개인 성향에 따라 누구나 쉽게 설정할 수 있습니다. 고대비 모드 설정하기 – 윈도우 XP 윈도우에서 고대비 모드를 설정하는 방법은 다양합니다. 아래는 XP부터 8.1까지 윈도우 고대비 모드를 설정하는 방법들입니다. 윈도우 XP의 고대비 더보기…
The State of Grunt 이 슬라이드에는 Grunt의 현황과 장래에 대해서 작성돼 있습니다. optional adapter를 통해 Gulp 및 Broccoli의 플러그인을 지원하고, Glup과 같은 Stream 및 Promise 기반의 태스크를 지원할 예정이라고 합니다. 또한, 마지막 페이지에는 Grunt와 Gulp 그리고 Broccoli 각각의 목적에 대해서도 더보기…