전세계에는 많은 국가가 존재하며, 개중에는 독자적인 언어를 가지고 있는 국가들이 있다. 브리태니커 비주얼 사전에서 전달하는 내용에 따르면 세계의 6,000여 가지 언어 중에서 100만 명 이상의 인구가 사용하는 언어는 250가지에 불과하다. 역으로 생각해보면 우리가 앞으로 대응해야할 가능성이 있는 언어가 250가지라는 것이다. 그렇다면 다양한 국가의 언어를 어떻게 대응할 수 있을까? Font-Family CSS에서 더보기…
Less 2.0 릴리즈 CSS 전처리기(Preprocessor) Less 2.0이 릴리즈됐습니다. V2 Upgrade Guide에 업그레이드된 내용이 자세히 정리돼 있습니다. Vue 0.11 릴리즈 Vue 0.11이 릴리즈 됐습니다. 처음부터 다시 만들고 있기 때문에 코드 베이스가 상당히 변경됐으며 API가 크게 바뀌었고 옵션이 추가 됐습니다. 자세한 내용은 changes.md를 참고해주세요. 이전 버전인 V0.10.6의 문서는 legacy.vuejs.org로 접근할 수 더보기…
Bootstrap 3.3.0 릴리즈 Bootstrap 3.3.0이 릴리즈 됐습니다. translate3d가 원인인 버그가 수정됐고 Normalize.css, H5BP의 업데이트를 대응 하는 등의 변경 사항이 있습니다. 자세한 내용은 아래 문서를 참고해주세요. Bootstrap 3.3.0 released · Bootstrap Blog Release v3.3.0 · twbs/bootstrap Bootstrap4의 개발을 시작했습니다. navbar를 개선하고 panels, thumbnails를 대체 하는 새로운 컴포넌트를 추가하며 IE8 지원을 종료한다고 더보기…
middleman은 SSG(Static Site Generator) 프레임워크입니다. 가장 많이 알려진 SSG 프레임워크로는 jekyll이 있습니다. github에서 jekyll 엔진을 기본으로 제공하면서 유명해졌죠. SSG 프레임워크의 주기능은 주로 템플릿 관리에 집중되있습니다. 따라서 블로그나 mini-project에서 많이 활용됩니다. 본인도 jekyll을 많이 사용해봤지만 템플릿관리 이상으로 활용하기엔 아쉬운점이 많았습니다. 하지만 middleman 을 써보며 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 수행속도가 몇초이긴 하지만 체감할 정도로 빨라집니다. 불필요한 플러그인을 로드하지 않기 때문에, 특히 watch를 더보기…
WebStorm 9 릴리즈 WebStorm 9가 릴리즈 됐습니다. Meteor, React, Polymer, gulp 등을 새롭게 지원합니다. 또, 파일의 종류에 따라 탭/스페이스의 사이즈를 지정할 수 있게 됐으며 EditorConfig나 ESLint, JSCS 등도 지원합니다. Meteor, React/JSX, Polymer 지원 ESLint, JSCS, EditorConfig 지원 PhoneGap, Gulp 통합 spy-js 및 LiveEdit, Node.js 애플리케이션 대응 그 외에도 여러가지 기능이 더보기…
플래시 업로더를 이용해 업로드 환경을 구성하면 쿠키문제가 발생합니다. . 오류 증상은 업로드 시 IE는 정상적으로 쿠키값이 전달되나 다른 브라우저는에서는 쿠키값이 없거나 잘리는 현상입니다. . 해결 방법은 쿠키값을 플래시 업로더의 FlashVars로 보내고 업로드 시 서버로 전달하는 방식이 있습니다. . 전달해야 할 값이 하나 이상이거나 FlashVars로 전달할 변수명을 동적으로 설정하고 싶다면 특정 문자를 약속 문자로 정해 약속 더보기…
Firefox 33.0 릴리즈 Chrome나 Opera는 이미 지원하고 있는 <picture> 요소가 추가됐습니다. 플래그를 조정(dom.image.picture.enabled)해야 사용할 수 있습니다. 자세한 내용은 릴리즈 노트를 참고해주세요. 또 개발자 도구에 CSS에 대한 기능이나 새로운 명령어 등 여러가지 기능이 추가됐습니다. 개발자 도구에 대한 자세한 내용은 아래 문서를 참고해주세요. Event listeners popup, @media sidebar, Cubic bezier editor + 더보기…
Chrome38 Stable release Chrome38의 Stable 버전이 출시됐습니다. 추가된 기능은 Chromium Blog를 참고해주세요. 몇 가지 소개해 드리자면 <picture> 요소를 지원하며 ES6의 Map과 Set, Symbol 등을 기본적으로 사용할 수 있도록 변경됐습니다. <picture> 요소에 대한것은 Dev.Opera의 Native Responsive Images 글을 참고해주세요. Set에 대한것은 Preparing for ECMAScript6 : Set and WeakSet 라는 글에서 자세히 더보기…