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/

1. 웹 브라우저의 종류 우리는 인터넥을 통해 정보를 검색하거나 쇼핑을 하고, 영화를 보고, 웹페이지용 마크럽 언어로 개발된 이메일을 확인할 수도 있습니다. 이런 일을 할 때 꼭 필요한 도구가 바로 웹 브라우저입니다. HTML이 이후 붐을 일으킬 수 있었던 것 또한 이 웹브라우저의 등장 때문입니다. 초기에 모자이크를 시작으로 넷스케이프와 익스플로러가 서로 경쟁하면서 웹 브라우저는 무서운 속도로 발전하게 됩니다. 2008년 넷스케이프가 공식적으로 서비스를 종료하면서 익스플로러가 유일한 브라우저가 되는 듯 보였지만 현재에는 크롬, 파이어폭스, 사파리 등 이 가세하면서 익스플로러와 함께 경쟁하는 구도가 형성됐습니다. 2. 각브라우저 별 렌더링(rendering) 혹은 레이아웃(Layout) 엔진 각각의 웹브라..

1. 자바스크립트는 기본적으로 제공하는 객체들이 있습니다. 예를 들면, 날짜를 알려주는 Date(), 수학 함수들을 지원하는 Math(), 배열을 지원하는 Array() 등이 있습니다. 객체(Object)는 웹 문서를 구성하는 요소라고 할 수 있습니다. 웹 페이지에서는 상태 표시줄, 스크롤바, 폼버튼 등을 객체라고 볼 수 있습니다. 속성(Property)은 객체의 특징 및 상태를 나타냅니다. 예를 들어, window객체는 name(이름), 이미지 객체는 width, height와 같은 속성을 가집니다. 메소드(Method)는 객체가 하는 동작을 나타냅니다. 지금까지 사용했던 document.write(); alert();와 같은 것을 메소드라고 할 수 있습니다. 객체와 속성, 객체와 메소드를 연결할 때는..

1. html5에서는 자바스크립트롤 그림을 그릴 수 있는 기능을 지원합니다. 간단한 갠버스를 만들고 사각형(픽셀)을 이용한 재미있는 그림을 그려 보도록 하세요. 2. 캔버스를 만들고 사각형을 출력하는 프로그램을 만들어 봅니다. -1) 소스코드 -2) 실행결과 3. 빨간 사각형 두 개를 만들어 봅니다. -1) 소스코드 -2) 실행결과 4. 자바스크립트에서 사용할 수 있는 색상은 100여 가지 정도입니다. https://css-tricks.com/asnippets/css/named-colors-and-hex-equivalents/에서 원하는 색상의 이름을 찾아서 활용하세요. 스티브 얼굴을 그리려면 어떻게 해야 할까요 전체가 7줄로 이루어져 있고, 각 줄을 순서대로 그린다고 생각해 보셍. 어느 부분에서 반복문..