1.1. 인터넷과 웹 사이트 인터넷은 사전적 정의로 '전 세계에 걸쳐 원거리 접속이나 파일 전송, 전자 메일 등의 데이터 통신 서비스를 받을 수 있는, 컴퓨터 네트워크의 시스템' 이라는 뜻을 가지고 있습니다. 영어의 사전적 의미로 보아도 'Inter' + 'Network'로 구성된 단어로 여러 네트워크가 연결된 것을 의미하고 있음을 알 수 있습니다. 이런 뜻처럼 우리가 사용하는 인터넷은 전세계에 퍼져있는 수많은 컴퓨터들 사이에 데이터가 오고가는 연결망을 의미합니다. 우리는 그 안에서 정보를 접하고 전달하며 다양한 활동들을 하며 살아가고 있습니다. 인터넷의 최초 기원은 미국 정부가 핵 전쟁 상황에서도 커뮤니케이션이 가능하게 설계했던 시스템 '아파네(ARPAnet)'입니다. 첫 통신은 1969년 10월 29..

3.2 웹 성능 기법2000년대 초, 야후에서 일하던 스티브 사우더스와 그의 팀은 클라이언트 웹 브라우저에 웹 페이지를 더 빠르게 불러오는 기법을 제시하고 그 효과를 측정했다. 그는 이 연구를 바탕으로 "웹 사이트 최적화 기법"(ITC, 2008)과 그 속편인 "초고속 웹사이트 구축"(위키북스, 2010)이라는 2권의 독창적인 책을 썼으며, 이 두 책은 웹 성능 기술 발전의 초석을 마련했다.그 이후, 더 많은 연구를 통해 전환율, 사용자 참여율, 브랜드 인지도 측면에서 성능이 웹사이트 소유자의 수익에 직접적인 영향을 미친다는 사실이 확인되었다. 2010년, 구글은 검색 엔진에서 URL 순위를 산출하는 주요 파라미터로 성능을 추가했다. 대부분 사업에서 웹사이트를 보유하는 것이 계속 더 중요해지면서, 웹사이..

1. 서체 지정하는 방법1-1. font-family 속성 알아보기서체를 지정하는 방법으로 "font-family"속성을 활용합니다. 서체지정 시에는 쉼표(,)를 통해 여러 개의 후보 서체를 제시할 수 있습니다. 값의 마지막에는 서체의 타입을 지정하는데, "sans-serif(고딕체), serif(명조체) 등이 있습니다.* 일반적인 서처 지정의 방법은 다음과 같습니다.다음의 예제에서는 에 "돋움체"를 지정했습니다. 서체 값이 두 단어 이상이거나 영어가 아닌 경우에는 따옴표를 꼬해줘야 하며, 한글로 값을 작성했다면 "dotum"과 같이 폰트의 영어명을 추가합니다. "helvetica"체는 윈도우가 아닌 맥 OS 기반의 컴퓨터일 경우를 대비했으며, 마지막으로 고딕체 계열이므로 "sans-serif"를 지정했..

1. 웹 접근성(Web Accessibilty)이란 무엇인가? 웹 접근성은 "장애인이나 고령자들이 비장애인과 동등하게 웹 사이트에서 제공하는 정보에 접근하고 이해할 수 있도록 보장하는 것"입니다. 웹 접근성 연구소에서는 각 단체별 정의사항을 정리하고 있는데 살펴보면 다음과 같습니다.구분 정의 장애인˙노인 등의 정보통신 접근성 향상을 위한 권장지침 정보통신 제품과 서비스를 활용하고자 하는 사람에게 이의 활용 가능성이 제공되는 것 웹 접근성 이니셔티브 (WAI) 장애를 가진 사람들도 웹을 이용할 수 있도록 보장하는 것으로, 장애를 가진 사람들이 웹 컨텐츠를 인지, 운영, 이해하고, 기술에 상관없이 이용할 수 있도록 견고하게 웹 컨텐츠를 만드는 것위키피디어 (Wikipedia) 표준 브라우저뿐만 아니라 다양한..

1. 웹 표준(Web Standards)이란? 웹 표준을 어떻게 정의할 수 있을까요? Wikipedia에서 "World wide Web의 측면을 서술하고 정의하는 공식 표준이나 기술 규격을 가르키는 일반적인 용어이다. 최근에 이 용어는 웹 사이트를 작성하는 데 중요도가 높아지고 있으며 웹 디자인, 개발과 관계가 있다."라고 정의하고 있습니다. 웹 사이트를 개발할 때에는 HTML, XML, CSS, JAVASCRIPT 등 여러 가지 언어를 사용하게 되는데, 미리 정의된 규칙과 규격에 맞춰서 만든다면 그것이 웹 표준이라고 볼 수 있겠습니다. ISO에서 제정한 품질경영시스템에 관한 국제규격 ISO9001이란 것과 같이 웹 표준이란 것도 "웹 페이지 저작 도구와 기술에 대한 규격"으로 볼 수 있습니다. 웹 표준..

1. 인터넷 익스플로러 https://www.microsoft.com/ko-kr/download/internet-explorer.aspx 2. 파이어폭스 http://www.mozilla.or.kr/ 3. 크롬 https://www.google.com/chrome/browser/desktop/index.html 4. 오페라 http://www.opera.com/ko 5. 사파리 https://www.apple.com/kr/safari/