늘 겸손하게

크로스 브라우징이란 무엇일까? 크로스 브라우징 정의 표준 웹기술을 채용하여 다른 기종 혹은 플랫폼에 따라 달리 구현되는 기술을 비슷하게 만듦과 동시에 어느 한쪽에 최적화되어 치우치지 않도록 공통 요소를 사용하여 웹페이지를 제작하는 기법. 모든 웹 브라우저 사용자가 방문했을 때 정보로서의 소외감을 느끼지 않도록 하는 방법론적 가이드를 의미하는 것. 즉, 사용자가 어떠한 브라우저로 접속하여도 거의 유사한 웹 사이트를 볼 수 있도록 사이트를 개발하는 것을 Cross Browsing이라고 할 수 있다. 크로스 브라우징을 한글로 해석하면 "웹 페이지의 상호 호환성 구축"으로 이해할 수 있다. 100% 똑같이? 브라우저마다 OS가 다르고 글꼴이 다르며, HTML을 렌더링하는 엔진이 다르기 때문에 모든 웹 브라우저에..

사이트 속도를 높이는 방법을 알아보자 목차 CDN 사용하기 더 좋은 호스팅 서비스를 찾자 웹 사이트 이미지 크기 최적화 플러그인 숫자 줄이기 JavaScript, CSS 파일 최소화 웹 사이트 캐시 사용 Gzip 압축 사용 CMS의 데이터베이스 최적화 웹 폰트 (Web Font) 사용 줄이기 404 에러 찾기 Prefetching technique(미리 불러오기) 사용하기 1. CDN 사용하기 CDN은 Content Delivery Network의 약자로 다양한 지리적 위치에 분산된 웹 서버들의 집합입니다. 서버를 한 개만 구축한다면 해당 서버에 부하가 심해질 것이고 먼 거리에서 오는 요청을 처리하는 시간이 늦어지므로 CDN을 통해 사용자의 요청을 가장 근처의 서버로 리다이렉팅 할 수 있습니다. 가격이 ..

이벤트 루프 자바스크립트의 특징 중 하나는 싱글 스레드로 동작하는 것입니다. 하지만 브라우저가 동작하는 것을 보면 많은 태스크가 동시에 처리되는 것처럼 보입니다. 이처럼 자바스크립트의 동시성을 지원하는 것이 바로 이벤트 루프입니다. 이벤트 루프는 콜 스택(실행 컨텍스트 스택)에 현재 실행 중인 실행 컨텍스트가 있는지, 그리고 태스크 큐에 대기 중인 함수(콜백 함수, 이벤트 핸들러 등)가 있는지 반복해서 확인합니다. 만약 콜 스택이 비어 있고 태스크 큐에 대기 중인 함수가 있다면 이벤트 루프는 순차적(FIFO)으로 태스크 큐에 대기 중인 함수를 콜 스택으로 이동시킵니다. 매크로태스크와 마이크로태스크 마이크로태스크가 무엇인가요? 매크로태스크들 사이에서 먼저 실행되는 테스크들입니다. 자바스크립트 엔진은 매크..

웹 표준 브라우저의 종류와 버전이 다르더라도 호환이 되도록 제시한 표준 다른 기종 혹은 플랫폼에 따라 다르게 구현되는 기술을 동일하게 구현하도록 하여 특정 기종이나 플랫폼에 치우쳐지지 않도록 공통요소를 사용하여 웹을 개발하는 것을 말한다. 표준화 단체인 W3C(World Wide Consortium)가 권고한 표준안에 따라 웹 사이트를 작성할 때 이용하는 HTML, CSS, JavaScript 등에 대한 규정을 담고 있다. 웹 표준의 궁극적인 목표는 사용자가 다른 플랫폼 혹은 OS를 통해 웹 사이트를 접속하더라도 같은 사이트를 볼 수 있도록 하는것이다. 웹 표준 준수 이유 웹 표준을 준수하지 않을 경우 장애인, 노약자를 포함한 모든 사용자들이 웹 사이트에 접근하는데 제약이 발생 가능하므로 어떠한 OS나 ..