LeeWang_31
이왕31
LeeWang_31
전체 방문자
오늘
어제
  • 분류 전체보기 (234)
    • 프로젝트 (2)
      • 사이드 프로젝트 (2)
      • Codestates_pre_project (0)
    • 프론트엔드 (169)
      • Html (19)
      • CSS (18)
      • JavaScript (29)
      • Codestates (76)
      • 코딩노트 (27)
    • 백엔드 (10)
      • node (10)
    • 구르는 돌 🌑 (16)
      • Codestates (11)
      • 생각 (4)
      • 공부 흔적 (1)
    • 정보 (18)
      • 오류노트 (2)
      • 인텔리제이 정보 (9)
      • 깃 정보 (3)
      • 기타 정보 (4)
      • 안드로이드스튜디오 정보 (0)
    • CS (7)
      • 이론공부 (7)
    • App (6)
      • Android (3)
      • Kotlin (3)
    • 컴퓨터 수학 (5)
      • 암호론 (5)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 웹팩
  • UI/UX
  • 사용자친화웹
  • 안드로이드스튜디오파이어베이스
  • 코플릿
  • 사용자 친화 웹
  • 알고리즘
  • figjam
  • linux
  • 사이드프로젝트
  • linuix 코드스테이츠
  • 코드스테이츠
  • ubuntu
  • 번들링
  • 코딩애플
  • 2693
  • 백준
  • 자바스크립트
  • React
  • DP
  • 2609
  • TODOlist
  • html
  • css
  • JavaScript
  • 1292
  • 안드로이드스튜디오범블비
  • 파이어베이스연동
  • codestate
  • 생활코딩

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
LeeWang_31

이왕31

[사용자 친화 웹] 웹 표준 개념
프론트엔드/Codestates

[사용자 친화 웹] 웹 표준 개념

2022. 11. 7. 13:58

코드스테이즈 41기 교육 내용을 정리하고 있습니다.
틀린 부분이 있으면 댓글로 알려주시면 감사하겠습니다

 

웹과 인터넷

인터넷이 웹보다 보다 포괄적인 개념이다.

 

인터넷

  •  전 세계적을 연결도어 있는 컴퓨터 네트워크 통신망을 의미

웹

  •  문서, 이미지, 영상 등 다양한 정보를 여러 사람과 공유할 수 있는 공간

2000년대 초 익스플로러에서는 작동을 하는 웹 브라우저가 파이어폭스나 사파리에서 동작하지 않는 호환 문제가 있었다.

이러한 상황을 막기위해 개발자는 브라우저마다 웹이 정장적으로 동작하게 따로 만들어 줘야 했습니다.

이러한 수고를 없애고 웹 개발의 형식을 통일시킨 것이 웹 표준입니다.

 

웹 표준

웹 표준이란 웹에서 표준적으로 사용되는 기술이나 규칙으로, 사용자가 어떠한 운영체제나 브라우저를 사용하더라도 웹페이지가 동일하게 보이고 정상적으로 작동할 수 있도록 하는 웹 페이지 제작 기법을 담고 있습니다.

 

웹 표준의 장점

  1. 유지포수의 용이성
    • 웹 표준으로 HTML, CSS, JavaScript 등의 사용 방법을 정리하기 이전에는 구조, 표현, 동작이 뒤섞인 코드도 많았습니다. 그러다보니 어느 한 부분을 수정하려면 전부 뜯어고쳐야 할 때도 있었습니다. 하지만 각 영역이 분리되면서 유지 보수가 용이해졌고, 코드가 경량화되면서 트래픽 비용이 감소하는 효과도 생겼습니다.
  2. 웹 호환성 확보
    • 웹 사이트가 특정 운영체제나 브라우저에 종속적이라면 그 외 환경에서는 정상적으로 사용이 불가능한 문제점이 발생합니다. 하지만 웹 표준을 준수하여 웹 사이트를 제작하면 웹 브라우저의 종류나 버전, 운영 체제나 사용 기기 종류에 상관없이 항상 동일한 결과가 나오도록 할 수 있습니다.
  3. 검색효율 증대
    • 웹 표준에 맞춰 웹 사이트를 작성하는 것 만으로도 검색 엔진에서 더 높은 우선 순위로 노출될 수 있습니다. 적절한 HTML 요소의 사용, 웹 페이지에 대한 정확한 정보 작성 등 검색 효율성과 관련된 내용도 웹 표준에서 다루고 있기 때문입니다. 홍보를 위한 비용을 들이지 않아도 검색의 효율성을 높일 수 있게 되는 것입니다.
  4. 웹 접근성 향상
    • 브라우저의 종류, 운영 체제의 종류, 기기의 종류 등 웹에 접근할 수 있는 환경은 매우 다양합니다. 또한 웹을 사용하는 사람들도 다양하죠. 이 모든 환경과 사용자에 맞춰서 웹 페이지를 개발하는 일은 쉽지 않습니다. 하지만 웹 표준에 맞춰 개발하는 것 만으로도 이러한 문제를 해결할 수 있습니다.

이처럼 웹 표준을 준수하기만 해도 다양한 이점을 얻을 수 있는 만큼, 웹 개발자로서 웹 표준을 공부하고 최대한 준수하려는 태도를 가지는 것이 좋습니다

저작자표시 (새창열림)

'프론트엔드 > Codestates' 카테고리의 다른 글

[사용자 친화 웹] SEO  (0) 2022.11.07
[사용자 친화 웹] Semantic HTML  (0) 2022.11.07
[React] Redux  (0) 2022.11.02
[React]Custom Component - Styled Components  (0) 2022.11.01
[사용자 친화 웹] 카카오톡 UX 분석  (0) 2022.10.26
    '프론트엔드/Codestates' 카테고리의 다른 글
    • [사용자 친화 웹] SEO
    • [사용자 친화 웹] Semantic HTML
    • [React] Redux
    • [React]Custom Component - Styled Components
    LeeWang_31
    LeeWang_31
    이왕 할 거면 기분 좋게

    티스토리툴바