웹 파편화와 웹 표준화

고은찬·2021년 8월 10일

Web

목록 보기

2/3

웹 브라우저의 파편화의 원인과 웹 표준화,접근성에 관해 공부한 내용

1. 웹 브라우저의 파편화

1) 웹 파편화란?

웹 브라우저 파편화란 동일한 코드로 작성된 웹페이지 또는 웹 앱임에도 불구하고 브라우저에 따라 서로 다른 화면이나 동작결과를 발생시키는 것을 의미한다.
사용자는 브라우저의 종류와 상관없이 동일한 경험을 얻을 것으로 생각하기 때문에 서비스를 제공하는 입장에서 민감한 문제이다.

2) 웹 파편화 원인은?

1990년대 인터넷 익스플로러 와 네비게이터 로 브라우저가 양분된 시기 통용되는 웹 표준의 개념이 없었다.
그렇다 보니 브라우저 개발사가 요소 기술과 규격을 자체적으로 결정했다.
(ex. 스크립트 언어- 넷스케이프:JavaScript / 마이크로소프트 : JScript )
그래서 타 브라우저에서는 호환되지 않는 일들이 잦았다.

또 웹이 대중화됨에 따라 웹에서 다양한 매체를 제공하고자 하는 요구가 많았으나 브라우저에서 지원하는 기능들은 제한적이여서 플러그인을 사용했는데 대표적으로 마이크로소프트의 Active X 가 있다.
그런데 이 ACtive X 는 마이크로 소프트가 제공하는 플랫폼에서만 제대로 동작했다.

인터넷 익스플로러가 시장에서 지배적인위치(점유율90%)이상 일때는 문제가 없었지만 후발 브라우저들 (크롬,사파리,파이어폭스 등)으로 인해 인터넷 익스플로러의 점유율이 떨어지고 HTML5도입에 따라 브라우저 자체 기능이 늘어나면서 ActiveX를 통해 제공된 플러그인들은 파편화의 원인이 되었다.

3) 웹 개발자가 고려해야 할 점

웹 표준 단체와 소프트웨어 개발자를 중심으로 웹 브라우저 파편화 해결을 위한 노력이 계속 되고 있지만, 단기간 개선은 어렵다.
그래서 웹 개발자들은 현실적인 대안으로 브라우저들의 호환성을 고려할 수 밖에 없다.

기존에 접해보지 않은 웹 API나 HTML,CSS 요소들을 사용할 경우 현재 브라우저가 해당 기능을 지원하는 지 검토하기
(MDN에서 자사 브라우저가 해당 기술제공하는지 정보 제공)
여러 브라우저가 해당 기술을 제공 하더라도 여러 브라우저에서 동일한 결과를 보여주는 지 확인하기
만약 사용하려는 기능을 특정 브라우저가 지원하지 않을 땐 기능 사용을 포기 할 것인지 아니면 해당 브라우저 지원을 포기할 것인지 결정 필요
(지원을 포기하려는 브라우저의 점유율과 해당 기술의 중요도를 저울질)
인터넷 익스플로러 11은 윈도우 보증기간이 끝나면 종료 예정이므로 고려하지 않기

Can I Use? 사이트에서 웹 기술에대한 브라우저 지원여부를 확인할 수 있다.
(Can I Use링크)

2. 웹 표준화

1) 웹 표준

[1] 웹 표준이 등장한 배경

초기

웹 표준에 없던 90년대 말 ~ 2000년대 초반에는 웹 개발자는 사실상 두개의 사이트 ( 익스플로러, 넷스케이프 )를 만들어야 했음

중기 ( 2000년대 )

IE에서만 동작하는 플러그인, 기능들때문에 사용
리눅스나 맥에서는 ActiveX로 인한 불편함 큼

말기

스마트폰의 등장

[2] 웹 표준이란?

어떤 브라우저나 운영체제에서도 사용자가 동일한 콘텐츠를 볼 수 있도록 웹에서 표준적으로 사용되는 기술이나 규칙
표준화 단체인 W3C가 권고한 표준안에 따라 웹사이트를 작성할 때 이용하는 HTML, CSS, JavaScript 등에 대한 규정이 담겨 있음

동일한 콘텐츠란 완벽히 일치하는 화면을 의미하는 것이 아닌 모든 플랫폼에서 동등한 수준의 정보에 접근이 가능함을 의미하는 것

[3] 웹 표준의 장점

개발 및 운영의 효율성 제고. 즉 소스의 통일화로 수정 및 운영관리가 용이하다.
다양한 브라우저, 휴대폰 PDA, 장애인 지원용 프로그램에서도 대응이 가능하므로 접근성이 향상 되고, 장애인, 고령자 등을 포함한 사용자층도 확대 가능하다.
논리적이고 효율적으로 작성된 웹 문서는 코드의 양이 줄어 파일 크기가 줄고 서버부담의 감소로 이어질 수 있다.
CSS와 HTML이 분리되어 유지보수에 들어가는 시간이 단축되고, 불필요한 마크업이 최소화되어 페이지 로딩속도가 향상된다.
오래된 브라우저에서도 컨텐츠가 적절하게 표시되고 호환성과 운용성이 확보된다.
스크린리더기 등 보조공학 기기 사용자들이 조금 더 정확한 정보를 얻을 수 있도록 돕는다.
검색봇을 통한 효율적 노출과 같은 검색엔진 최적화가 가능하다.

[4] 웹 표준의 기술

1) XHTML ( eXtensible Hypertext Markup Language )
2) CSS (Cascading Style Sheets)
3) XML (eXtensible Markup Language)
4) DOM(Document Object Model)
5) ECMAScript : ECMA international 의 ECMA-262 기술 명세에 정의된 표준화된 스크립트 프로그래밍 언어