출처 : https://github.com/nolboo/nolboo.github.io/wiki 친절하게도 자료를 올려주셔서 감사합니다. HTML & CSS CSS와 황금비율, CSS로 표현하는 한계는? - 원문 : CSS AND THE GOLDEN RATIO 큰 스크린 살펴보기 - 원문 : Surveying the Big Screen 부트스트랩 3 한글 번역 - 원문 : Bootstrap 불필요한 페인트 회피하기 - 원문 : Avoiding Unnecessary Paints 불필요한 페인트 회피하기: Animated GIF 에디션 - 원문 : Avoiding Unnecessary Paints: Animated GIF Edition 구글 웹폰트를 빠르게 로드하는 팁 7가지 - 원문 : 7 Tips to L..
apache.org의 KeepAlive에 대해 아래와 같이 정의 되어 있다. The Keep-Alive extension to HTTP/1.0 and the persistent connection feature of HTTP/1.1 provide long-lived HTTP sessions which allow multiple requests to be sent over the same TCP connection. In some cases this has been shown to result in an almost 50% speedup in latency times for HTML documents with many images. To enable Keep-Alive connections, set Kee..
C10K PROBLEM : 하나의 웹서베 10,000개의 클라이언트 접속을 동시에 달룰 수 있는 기술적 문제C10K problem(하나의 웹서버에 10,000개의 클라이언트 접속을 동시에 다룰 수 있는 기술적 문제)을 해결하기 위해 기존의 아파치 방식처럼 하나의 스레드에서 하나의 클라이언트 요청을 처리하는 것이 아니라 Event-driven(Asynchronous) 구조를 사용한다. NGINX 이외에도 Lighttpd, Tornado, Magnum, Aleph 등 최근에 개발된 많은 웹서버들과 서버 사이드 자바스크립트인 Node.js가 Event-driven 구조를 사용하고 있다. Event-driven Architecture(EDA a.k.a Asynchronous)EDA 방식은 기존의 아파치 웹서버가..
background: url(images/bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-size: cover 로 하면 된다. 하지만 ie8 이하 에서 는 트릭을 써야한다. 링크 :: http://css-tricks.com/perfect-full-page-background-image/
1. 명확하고 독창적인 타이틀의 사용 - title 태그는 사용자와 검색 엔진에 특정 페이지의 주제를 알려줍니다. 1. 페이지의 콘첸트를 정확하게 설명하는 제목2. 페이지마다 고유한 title 태그 작성3. 간결하면서 내용을 포함한 제목 장성 2. "description" 메타 태그 활용하기 - 페이지에 description 메타 태그를 사용하면 google 및 다른 검색 엔진에서 페이지 정보의 요약 내용을 볼수 있습니다. - Description 메타 태그는 Google 검색에서 결과 페이지 내용 ( snippet) 로 사용할수 있으므로 중요합니다. 1. 페이지의 내요을 정확하게 용약하기2. 각 페이지마다 내용에 맞는 고유한 설명 사용 3. 페이지의 URL 구조를 개선하기 1. 이해하기 쉬운 URL 은..