웹 표준과 브라우저

웹 표준의 정의

• 웹(공간): 인터넷에 연결된 사용자들이 서로의 정보를 공유할 수 있는 공간
• 웹에서 사용되는 기술이나 규칙을 ‘표준화’ 한 것
• 웹 페이지가 다양한 장치 및 브라우저에서 , 일관되고 예측 가능한 방식으로 작동하도록 보장

웹 표준 준수의 필요성

• 일반 사용자 : 장소나 브라우저에 상관없이 쉽게 웹 사이트를 보는 것이 가능
• 웹 개발자와 디자이너 : 코드의 유지 보수 OR 개발 시간을 절약

       호환성 (Compatibility)

• 다양한 브라우저 및 장치에서 동일한 사용자 경험 제공
• 브라우저 간의 기능적 차이 최소화

       접근성 (Accessibility)

• 장애가 있는 사용자 및 다양한 환경에서의 웹 접근성 향상
• 스크린 리더와 같은 보조 기술의 사용이 용이 

       지속 가능성 (Sustainability)

• 표준 준수 코드는 미래의 기술 변화에도 적응력이 뛰어남
• 유지 관리 및 확장성 개선   

웹 표준의 ‘주요 구성 요소’

HTML (HyperText Markup Language)

• 웹 페이지의 구조와 내용을 정의하는 언어
• 최신 버전: HTML5

CSS (Cascading Style Sheets)

• 웹 페이지의 스타일과 레이아웃을 지정하는 언어
• 스타일 규칙을 통해 콘텐츠의 디자인
• 제어최신 버전: CSS3

JavaScript

• 동적인 상호작용과 웹 페이지의 행동을 제어하는 스크립트 언어
• DOM (Document Object Model) 조작   
•  

접근성 지침 (Accessibility Guidelines)

• 웹 콘텐츠를 모든 사용자, 특히 장애가 있는 사용자들이 접근하고 이해할 수 있도록 하는 웹 접근성 가이드라인
• 스크린 리더 호환성: 스크린 리더 사용자를 위해, ARIA(Accessible Rich Internet Applications) 레이블과
• 롤(role)을적절히 사용 → 요소의 목적과 기능을 명확히 설명 

ARIA( Accessible Rich Internet Applications ): 접근가능한 리치 인터넷 애플리케이션 장애를 가진 사용자가 웹 콘텐츠와 웹 애플리케이션(특히 JavaScript를 사용하여 개발한 경우)에 더 쉽게 접근할 수 있는 방법을 정의

 

●웹 접근성(Web Accessiblilty) : 모든 사용자들도 웹사이트를 효과적으로 사용할 수 있도록 보장하는
일련의 권고사항

      브라우저 (Browser) 도구 

    → 웹 콘텐츠를 사용자에게 제공하는 도구

• 창(Window)
  • 정의: 브라우저 창은 웹 콘텐츠가 표시되는 메인 인터페이스 사용자는 이 창을 통해
  • 웹 사이트를 보고, 인터넷을 탐색
• 탭(Tab)
  • 정의: 탭은 하나의 브라우저 창 내에서 여러 웹 페이지를 동시에 열고 관리할 수 있는 기능
  • 각 탭은 독립적인 웹 페이지를 로드하여 사용자가 쉽게 사이트 간을 전환 가능
• 주소창(Address Bar)
  • 정의: 주소창은 사용자가 웹 사이트의 URL을 입력하거나 볼 수 있는 브라우저 인터페이스의 일부
• 뷰포트(Viewport)
  • 정의: 뷰포트는 브라우저 창 내에서 실제로 웹 페이지가 표시되는 영역 이 영역은 사용자가
  • 한 번에 볼 수 있는 웹 페이지의 부분을 결정

인터페이스(Interface): 서로 다른 두 개의 시스템, 장치 사이에서 정보나 신호를 주고받는

경우의 접점이나경계면

즉 쉽게 말해서 서버와 서버의 연결을 말함