고대비 모드 고대비 모드란? 일반적으로 저시력자를 위해 고려된 모드입니다. 개인 성향에 따라 누구나 쉽게 설정할 수 있습니다. 고대비 모드 설정하기 – 윈도우 XP 윈도우에서 고대비 모드를 설정하는 방법은 다양합니다. 아래는 XP부터 8.1까지 윈도우 고대비 모드를 설정하는 방법들입니다. 윈도우 XP의 고대비 모드 설정은 제어판 내게 필요한 옵션에서도 가능합니다. 디스플레이 등록정보 더보기…
The State of Grunt 이 슬라이드에는 Grunt의 현황과 장래에 대해서 작성돼 있습니다. optional adapter를 통해 Gulp 및 Broccoli의 플러그인을 지원하고, Glup과 같은 Stream 및 Promise 기반의 태스크를 지원할 예정이라고 합니다. 또한, 마지막 페이지에는 Grunt와 Gulp 그리고 Broccoli 각각의 목적에 대해서도 작성돼 있습니다. Get Started React.js 이 슬라이드에는 React의 기본적인 더보기…
현상 재현환경 iOS 7.1 AppleSDGothicNeo 폰트 패밀리에 font-weight:bold 속성을 주었을 때 굵어지는 정도가 규칙적이지 않다. 원인 css로 font-weight:bold 속성을 줄 경우 브라우저마다 각각의 폰트를 표현하는 방법이 다른데, AppleSDGothicNeo 폰트 패밀리에서는 AppleSDGothicNeo-Light와 AppleSDGothicNeo-Medium 이 다른 폰트에 비해 글자 넓이가 넓어져 오류처럼 보인다. 해결방법 AppleSDGothicNeo 폰트 패밀리의 굵기 표현 단계를 더보기…
서비스명: 지식백과 / 제보자 : 정사라 현상 재현환경 ios 버전 6.1.3, 7.1.1, 7.0.4 safari 브라우저 ios에서 기본 entity는 정상노출됩니다. 하지만, ㈜의 경우 entity코드가 없어 unicode로 넣어 대체하였으나, Helvetica font에서 해당 unicode 인식하지 못해 x표시(일명 엑박)로 노출되는 문제가 있어 공유드립니다. 오류화면 정상 화면 정상화면URL: http://m.terms.naver.com/entry.nhn?docId=1395962&cid=685&categoryId=1426 원인 Helvetica만 선언했을경우 더보기…
npm 2.0.0 릴리즈 node.js의 패키지 관리 도구인 npm 2.0.0이 릴리즈됐습니다. npm run-script에 인자를 전달할 수 있도록 변경됐으며, npm의 릴리즈 프로세스가 문서화됐습니다. 또한 Scoped packages라고 하는 기능이 추가되는 등 여러가지 변경 사항이 있습니다. Scoped packages는 모듈을 관리할때 Public이 아니라 범위를 지정하여 관리할 수 있도록 하는 기능을 말합니다. 사내(기업)에서 유용할 것 같습니다. 더보기…
V8 최적화 이번 주는 V8 최적화에 대한 내용이 많습니다. nodeconfeu도 있었고, JSer.info 운영자 역시 최적화에 대한 아티클(일본어[구글번역])을 공개했습니다. V8 Installation and d8 shell usage에는 V8을 빌드하고 커멘드라인 전달인자를 사용하여 최적화나 트레이스 하는 방법에 대해 이해하기 쉽게 정리돼 있습니다. JSer.info 운영자의 아티클인 V8 최적화 및 IRHydra으로 시각화 및 벤치마크에는 최적화를 위한 더보기…
Chrome37, Opera24(Chromium37 기반) 릴리즈 Chrome37과 Opera24의 변경사항은 대부분 비슷합니다. Dev.Opera-Opara24 released에 알기 쉽게 정리되어 있습니다. CSS Shapes 및 CSS의 all 프로퍼티를 사용할 수 있으며, showModalDialog()가 폐지된 대신 <dialog> 요소를 사용할 수 있습니다. CSS Shapes에 관심 있는 분은 아래 문서를 참고하세요. CSS Shapes now available in Chrome 37 release CSS Shapes 더보기…
프로젝트 도중에 HTML5 Video Element를 8개 삽입하면 7번째 Video Element 부터는 동영상을 제대로 로딩하지 못하는 문제가 있다는 사실을 발견하였다. <video src=”http://video.webmfiles.org/elephants-dream.webm”></video> <video src=”http://video.webmfiles.org/elephants-dream.webm”></video> <video src=”http://video.webmfiles.org/elephants-dream.webm”></video> <video src=”http://video.webmfiles.org/elephants-dream.webm”></video> <video src=”http://video.webmfiles.org/elephants-dream.webm”></video> <video src=”http://video.webmfiles.org/elephants-dream.webm”></video> <video src=”http://video.webmfiles.org/elephants-dream.webm”></video> <video src=”http://video.webmfiles.org/elephants-dream.webm”></video> 7, 8번째 동영상을 로딩하지 못해서 아래와 같이 나온다. 크롬을 열어서 더보기…
Underscore 1.7.0 릴리즈 많은 변경 사항이 있습니다. 주요 변경 사항은 Change Log에서 설명하고 있고 그 외 사항은 코멘트로 정리하고 있습니다. Change Log Release Underscore 1.7.0 by akre52 대표적으로 _.template를 초기화시 data를 받지 않고 항상 함수를 반환하도록, 그리고 _.extend가 ES6 Object.assign과 비슷하게 동작하도록 수정됐으며 네이티브 Array.prototype.*을 사용하지 않고 독자적인 방식으로 구현하고 더보기…
Autoprefixer 3.0이 릴리즈 됐습니다. Autoprefixer는 CSS 코드에 vendor prefix를 추가할 수 있는 포스트프로세서(postprocessor, 후처리기) 입니다. Less, Sass 등을 프리프로세서(preprocessor, 전처리기)라고 부르는 반면 전처리된 CSS 코드를 처리하는 도구를 PostCSS 라는 장르로 분류하고 포스트프로세스라 부르고있습니다. Autoprefixer 3.0에서는 CoffeeScript로 작성한 기존 코드를 Ecma6 기반으로 재작성했습니다. 따라서 코드에서 사용하는 API도 변경됐습니다. Advanced objects 더보기…