WEBDIR

윈도우 8/8.1 설치 - Fast Boot 설정(UEFI 설치)

UEFI모드로 windows 8.1을 설치하는 방법들과 성능향상을 위한 최적화 방법을 소개합니다. 윈도우 8 부팅 속도의 비밀, 최대 절전모드와 UEFI 마이크로소프트가 윈도우 8의 부팅 속도를 크게 개선한 방식은 바로 최대 절전 모드의 활용에 있다. 절전모드에 대해서는 많은 사람들이 잘 알고 있듯이 PC 화면이 꺼지고 PC의 전원이 차단된 것 같지만 종료 직전까지 처리하던 작업이 그대로 화면에 다시 나타나게 하는 것을 말한다. 전원이 차단되면 지워지는 메모리의 데이터를 PC에 저장해두고 PC가 켜질 때 그 데이터를 로드 해서 이전 상태와 동일하게 만드는 것이다. 여기에 더해 윈도우 8에서도 UEFI(Unified Extensible Firmware Interface)를 지원하기 때문에 포스트 단계에서 ..

윈도우즈/Windows 일반 2015. 5. 25. 17:00

바이오스 / UEFI 설정 - ASRock H77 Pro4/MVP

근래에 메인보드들은 UEFI(Unified Extensible Firmware Interface)가 과거에 BIOS(바이오스)가 하던일을 대신한다. 몇년 전에 컴퓨터를 구매하면서 처음으로 UEFI를 접하게 되었는데 용산 업체에 원하는 물품을 의뢰하고 받아 보았을때 바이오스 셋업화면으로 넘어가지 못해 당황했던 것이 떠오른다. 전에 쓰던 컴퓨터는 처음 부팅시에 바이오스 선택화면이 몇 초간 표시되고 POST과정이 눈에 보였는데 이 과정없이 바로 윈도우 로고가 뜨며 부팅이 진행되어 난감했던 것이다. 몇번의 재부팅 끝에 전원을 넣자마자 DEL 키를 연타하여 바이오스 셋업화면으로 진입하는데 성공했지만 그래픽적인 요소가 가미되고 마우스가 작동하는 것을 보고 세상 좋아졌다 싶었다. 후에 알았지만 이것이 바로 새로 보급..

윈도우즈/Windows 일반 2015. 5. 25. 15:00

윈도우 Version, Edition, MS License

각각의 윈도우 버전별/에디션별 인증방법이 상이하기에 관련하여 정리를 해봅니다. 윈도우 버전 현재 Desktop에서 애용되는 윈도우 버전은 Windows XP, Windows 7, Windows 8, Windows 8.1이다. 현재 Server에서 애용되는 윈도우 버전은 Windows 2003, Windows 2008, Windows 2008 R2, Windows 2013, Windows 2013 R2이다. 윈도우 에디션 윈도우 비스타와 윈도우 7은 에디션의 종류가 같으며, 윈도우 8에서는 에디션 종류가 간소화 되었다. 윈도우 XP는 구시대의 유물이니 Pro 이외에는 사용하지 않는다. 윈도우 7의 에디션별 차이는 아래와 같다. 윈도우 8의 에디션별 차이는 아래와 같다. 윈도우 RT는 ARM 아키텍처를 지원..

윈도우즈/Windows 일반 2015. 5. 25. 12:00

Placeholder 포커스시 감추기

HTML5의 placeholder 속성은 input 요소와 textarea 요소에 알맞은 힌트를 제공하는 목적으로 사용됩니다. 다만, 브라우저별로 해당 요소에 포커스가 될때 작동하는 방식에서 차이점이 발생합니다. 이를 하나로 통일하는 방법에 대해서 설명합니다. IE처럼 포커스시 감추기 IE에서는 input 요소에 포커스를 받으면 placeholder 글자가 바로 사라지지만 다른 브라우저들은 포커스를 받고 글자를 실제로 입력해야 placeholder 글자가 사라진다. 이것을 IE와 같은 방식으로 통일되도록 구현해보자. 참고 : How do I auto-hide placeholder text upon focus using css or jquery? 위의 링크의 내용을 정리하면 아래와 같이 css를 삽입함으로..

웹코딩/CSS 2015. 5. 23. 12:00

In-Field Labels jQuery Plugin - 폼힌트 크로스브라우징

타임머신을 타고 과거로 돌아가는 심정으로 placeholder 속성을 대체하는 또 다른 방법을 소개합니다. placeholder 속성이 지원되지 않았던 과거에는 label 요소를 이용해 힌트를 제공하기도 했습니다. 비록 그 사용목적이 스펙에 맞지 않을지라도... In-Field Labels jQuery Plugin 소개 필드 안쪽에 label 요소를 지원하는 형태로 올바른 형식의 HTML 폼을 만드는 간단한 플러그인이다. label 요소에 포커스가 맞춰지면 글자가 흐릿해지고 글자 입력이 시작되면 사라진다. 필드를 지우고 포커스를 잃으면 다시 글자가 나타난다. HOME In-Field Labels jQuery Plugin REPO https://github.com/dcneiner/In-Field-Label..

웹개발론/크로스브라우징 2015. 5. 22. 17:00

Placeholders.js - 폼힌트 크로스브라우징

IE9 이하에서 placeholder 속성 적용을 위한 대체방안 두번째 글입니다. Placeholders.js 소개 HTML5 placeholder 속성을 위한 자바스크립트 폴리필이다. 가볍고 모든 브라우저에서 사용가능하다. HOME http://jamesallardice.github.io/Placeholders.js REPO https://github.com/jamesallardice/Placeholders.js input 요소와 textarea 요소에 적용된다. 브라우저의 기본적인(native)스타일을 렌더링하도록 노력하며, 스타일을 수정 가능하도록 placeholdersjs 라는 클래스를 추가한다. 기본적으로 placeholder 속성을 지원하는 브라우저에는 영향을 미치지 않는다. IE6+ 이상에서..

웹개발론/크로스브라우징 2015. 5. 22. 15:00

HTML5 Placeholder jQuery Plugin - 폼힌트 크로스브라우징

HTML5에 새로 추가된 속성인 placeholder라는 속성을 이용하여 input 요소에 힌트를 제공할 수 있습니다. IE9 이하에서는 제대로 작동하지 않기 때문에 이를 극복하기 위해서 몇가지 대체방안을 살펴봅니다. 그 중 첫번째 글입니다. HTML5 Placeholder jQuery Plugin 소개 IE9 이하 버전에서 placeholder를 구현하기 위해 jQuery로 만든 플러그인이다. REPO https://github.com/mathiasbynens/jquery-placeholder DEMO Demo & Examples HTML5 Placeholder jQuery Plugin 사용법 HTML에서 사용할 폼 컨트롤을 생성한다. jQuery 라이브러리와 HTML5 Placeholder jQuer..

웹개발론/크로스브라우징 2015. 5. 22. 12:00

Modernizr - 브라우저 기능검사

기존에는 브라우저의 호환성을 유지하기 위해 browser sniffing 기법(자바스크립트의 navigator.userAgent 프로퍼티를 이용하는 방식)을 사용했습니다. 그러나 다양한 디바이스가 등장하고 HTML5와 CSS3가 웹표준으로 자리매김을 하고 있는 상황에서 브라우저마다 HTML5와 CSS3의 구현정도가 달라 기존의 browser sniffing 방식으로는 이러한 브라우저간의 호환성을 유지한다는 것은 불가능하게 되어 대체방안으로 Modernizr를 많이 사용하고 있습니다. Modernizr 소개 Modernizr는 오픈소스 자바스크립트 라이브러리로, HTML5와 CSS3의 명세에 정의된 요소와 속성들에 대한 지원여부를 점검하는 방식으로 기존의 방식보다 더 정확한 분류가 가능하다. HOME Mo..

웹개발론/크로스브라우징 2015. 5. 21. 17:00

Respond.js - 미디어쿼리(Media Query) 크로스브라우징

부트스트랩 및 많은 웹 개발에서 사용되고 있는 Respond.js에 대하여 알아봅니다. Respond.js 소개 IE 6~8 버전에서 미디어쿼리를 해석할 수 있도록 만들어주는 자바스크립트 라이브러리이다. 어떤 용도로 사용해도 제한이 없는 MIT 또는 BSD 라이선스를 가지고 있기 때문에 소스 코드에 포함된 라이선스 명시 조항만 지우지 않으면 github에서 언제든 내려받아 사용할 수 있다. REPO https://github.com/scottjehl/Respond/ DEMO 데모보기 Respond.js 사용법 IE8 이하 버전에서만 사용하도록 조건부 주석문을 사용한다. 시작과 동시에 로딩이 되도록 CDN/X-Domain Setup Respond.js는 AJAX를 통해 CSS의 사본을 요청하는 방식으로 작..

웹개발론/크로스브라우징 2015. 5. 21. 00:00

Font Smoothing Detection - 클리어타입 활성화 여부

Font Smoothing Detection 소개 간단히 말하자면 윈도우로 치면 클리어타입같은 효과가 활성화 되어 있는지 아닌지를 판단해서 사용자들이 웹페이지에 방문했을때 깨어진 글꼴 표기를 방지하는 것이다. MAC의 OSX는 미려한 글자를 보여주지만 XP와 같은 구버전의 운영체제에서는 위 그림과 같이 나타날수 있다. HOME Font Smoothing Detection js 라이브러리를 이용해 이를 Modernizr처럼 html의 클래스에 활성화/비활성화 여부를 나타낼 수 있다. canvas를 이용해서 글꼴을 부드럽게 만드는지 그렇지 않은지를 감지하는 기법이다. 클리어타입을 사용하긴 하지만 글꼴이 지나치게 뿌옇게 나오는 경우를 탐지하기 위해서는 사용할 수는 없다. 글꼴 처리 활성화 상태를 Moderni..

웹개발론/크로스브라우징 2015. 5. 20. 17:00

Box Sizing Polyfill - 박스모델 크로스브라우징

최근에는 박스모델의 계산을 손쉽게 도와주는 box-sizing: border-box를 많이 사용하는데 이는 IE8 이상에서만 작동합니다. 구형 브라우저에서 이를 지원하는 방법에 대하여 알아봅니다. Box Sizing Polyfill 소개 IE7 이하버전에서 CSS의 box-sizing을 구현하기 위해서 필요한 폴리필이다. REPO https://github.com/Schepp/box-sizing-polyfill Box Sizing Polyfill 사용법 boxsizing.htc 파일을 서버에 올리고 IE7 이하 버전에서만 적용하기 위해 코드를 추가한다. ie.css 파일을 작성한다. * { behavior: url(경로/boxsizing.htc); } 경로에 주의해야 하는데 HTML 파일의 상대경로로 작..

웹개발론/크로스브라우징 2015. 5. 20. 12:00

CSS3PIE - CSS3 속성 크로스브라우징

둥근 모서리, 부드러운 그림자, 그라데이션을 구형 브라우저에서 구현해주는 PIE에 대하여 알아봅니다. CSS3PIE 소개 PIE는 몇가지 유용한 CSS 장식 속성들을 IE6~9에서 렌더링 될 수 있게 만든다. HOME http://css3pie.com DOWN Download the PIE distribution PIE가 지원하는 속성 border-radius box-shadow border-image multiple background images linear-gradient as background image 또한, PIE는 이미 기본적으로 다른 기능을 지원하는 IE9에 border-image 속성과 linear-gradient 속성에 대한 지원을 추가한다. CSS3PIE 사용법 위의 다운로드를 이용..

웹개발론/크로스브라우징 2015. 5. 19. 17:00