웹 브라우저 기술 표준과 개발자 경험

웹 브라우저 기술 표준과 개발자 경험

지금 이 글을 읽는 브라우저가 크롬이든 사파리든 파이어폭스든 똑같이 보이는 건 당연한 게 아니다. 그 뒤에는 수십 년에 걸친 싸움과 합의의 역사가 있다.

브라우저 전쟁의 흔적

1990년대 말, 넷스케이프와 인터넷 익스플로러는 서로 다른 방식으로 HTML을 해석했다. 개발자들은 같은 웹사이트를 두 버전으로 만들어야 했고, 화면 아래에 "이 사이트는 IE에 최적화되어 있습니다"라는 문구를 붙이는 게 흔했다. 같은 코드가 브라우저마다 다르게 보이는 혼돈이었다.

이를 해결하기 위해 등장한 것이 표준화다. W3C라는 국제 기구가 HTML·CSS·JavaScript가 어떻게 동작해야 하는지를 문서로 정리하고, 브라우저 제조사들이 그 규칙을 따르도록 했다. 완벽하지는 않지만, 지금 우리가 어떤 브라우저에서든 유튜브를 볼 수 있는 건 이 덕분이다.

표준이 늦으면 생기는 일

새 기능이 표준으로 확정되는 데는 보통 수년이 걸린다. CSS grid(격자 레이아웃)는 2017년에야 표준이 됐는데, 그 전까지 개발자들은 float이라는 원래 다른 용도로 만들어진 속성을 레이아웃에 억지로 활용했다. 마치 못 박는 도구가 없어서 신발 밑창으로 벽에 못을 박는 것과 같다.

표준이 확정돼도 모든 브라우저가 동시에 구현하지는 않는다. Safari(애플)가 특정 기능을 다른 브라우저보다 1~2년 늦게 지원하는 경우가 잦아서, 개발자 커뮤니티에서는 "Safari가 새로운 IE"라는 말이 나올 정도였다.

개발자들은 어떻게 일할까

오늘날 웹 개발자는 코드를 직접 브라우저에 올리는 대신, Vite나 Webpack 같은 빌드 도구를 거친다. 최신 문법으로 쓴 코드를 오래된 브라우저도 이해할 수 있는 형태로 자동 변환해 주는 도구다. 번역기와 비슷하다.

React, Vue 같은 프레임워크는 "버튼을 눌렀을 때 화면의 숫자가 바뀌는" 것처럼 동적인 UI를 훨씬 쉽게 만들게 해준다. 날것의 JavaScript로 같은 기능을 구현하면 100줄이 넘을 코드가 프레임워크를 쓰면 10줄 안에 끝난다.

왜 개발자 경험이 중요한가

개발자가 편하게 일할 수 있는 환경이 갖춰지면, 더 좋은 서비스가 더 빨리 세상에 나온다. 구글이 2021년부터 웹페이지 로딩 속도(Core Web Vitals)를 검색 순위에 반영하기 시작하면서, "느린 사이트는 아무도 못 찾는" 구조가 됐다. 표준을 잘 따르고 성능을 챙기는 것이 기술적 선택이 아니라 생존의 문제가 된 것이다.

웹 표준은 지루해 보이지만, 그 지루한 합의가 인터넷을 30년 넘게 열린 공간으로 유지시킨 힘이다.

웹 브라우저 기술 표준과 개발자 경험

레고 블록을 생각해봐. 어떤 회사 레고든 같은 크기 핀을 쓰기 때문에 서로 맞출 수 있잖아. 웹 브라우저도 똑같은 원리로 돌아가.

브라우저가 여러 개인데 왜 같은 사이트가 보일까

크롬, 사파리, 파이어폭스—다 다른 회사가 만들었는데 같은 유튜브, 같은 게임 사이트가 보인다. 비밀은 약속에 있어. 전 세계 개발자들이 모여서 "HTML은 이렇게 쓰자, CSS는 이렇게 작동하자"라고 규칙을 정했거든. 그 규칙을 웹 표준이라고 불러.

예전에는 이 약속이 없었어. 1990년대에는 어떤 사이트가 크롬에서는 제대로 보여도 다른 브라우저에서는 완전히 깨져 보이는 일이 흔했어. 레고 블록이 회사마다 핀 크기가 달랐던 셈이지.

개발자는 어떻게 웹사이트를 만들까

웹사이트를 만드는 사람들을 웹 개발자라고 해. 이들은 마치 건축가처럼 설계도(코드)를 그려. HTML은 집의 뼈대, CSS는 벽지나 페인트, JavaScript는 전등 스위치나 자동문 같은 움직이는 부분이야.

새 기능을 추가하려면 먼저 전 세계 전문가들이 "이 기능을 이렇게 만들자"고 합의해야 해. 이 과정이 몇 년씩 걸리기도 해. 그래서 개발자들은 표준이 완성될 때까지 기다리지 않고 직접 비슷한 기능을 만들어서 쓰기도 해. 레고가 아직 사다리 부품을 안 만들어서 계단 블록을 쌓아서 사다리처럼 쓰는 것처럼.

빠른 웹사이트가 왜 중요할까

웹사이트가 느리게 뜨면 어때? 기다리기 싫어서 그냥 닫아버리잖아. 구글도 이걸 알고 있어서, 빨리 뜨는 사이트를 검색 결과 위쪽에 보여줘. 그래서 개발자들은 사이트가 3초 안에 다 뜨도록 엄청 신경 써.

웹 표준이 있어서 우리는 어느 기기에서든, 어느 나라에서든 같은 인터넷을 쓸 수 있어. 그건 생각해보면 꽤 대단한 일이야.