(번역) 웹 개발에 대해 엔지니어들이 믿는 이상한 것들

전직 Mozilla 브라우저 엔지니어이자 현직 웹 개발자로 일하고 있는 Brian Birtles는 웹 개발자들이 의아한 주장들을 펼치고 있다고 얘기합니다. 웹 개발자로서 공감되는 부분도 꽤 있었고, 흥미롭게 읽을 수 있는 내용이 많아서 가져왔습니다. 다음은 글의 목차와 각 목차에 대한 주요 내용 정리입니다.

1. "웹 브라우저 엔지니어들은 웹 개발을 매우 잘 안다"

• 브라우저 엔지니어들은 Safari 삽질을 하거나, SSR/SSG에 대한 검토를 하거나, 상태 관리 도구에 대한 고민을 하거나, 타입스크립트 에러 삽질 등 현실에서 웹 개발자들이 겪고 있는 이슈들에 대한 경험이 거의 없습니다. 요약하자면, 브라우저 엔지니어는 하루 종일 웹 개발을 하는 게 아니기 때문에 웹 개발자들이 기대하는 것보다 실제 웹 개발에 대해 잘 알지 못합니다.

2. "웹 명세를 만드는 사람들은 웹 개발을 매우 잘 안다"

• 웹 명세를 만드는 사람들이 웹에 대한 무한한 지혜와 이해를 기반으로 합리적인 결정을 내릴 것이라고 생각하지만, 현실은 목소리 큰 사람의 의견이 반영되거나 정치적인 목적의 의사 결정이 내려지곤 합니다.

3. "웹 개발자들은 웹 개발을 매우 잘 안다"

• 여러 미디어 매체에서 새로 추가된 CSS 기능에 대해서 떠들썩하지만, 현실에서 만난 도쿄의 스타트업 개발자들은 jQuery와 Wodpress에 만족하고 있었으며, 이는 새로운 웹 표준을 개발하는 브라우저 엔지니어로서 약간 실망스러웠지만, 웹 사이트와 웹 앱을 출시하며 생계를 유지하는 사람들에게 제약이 있다는 점이 오래도록 기억에 남았습니다.

4. "브라우저는 SPA를 실행하도록 만들어지지 않았다"

• Firefox 프론트엔드와 개발자 도구도 결국에는 SPA에 속합니다. 브라우저가 자바스크립트를 통해 동적으로 변경되는 복잡하고 오래 지속되는 DOM 트리를 다루는데 부족하다고 생각하는 주장에 대해, 브라우저 자체가 이러한 주장과 모순된 입장을 취하고 있습니다.

5. "MPA는 SPA를 대체할 것이다"

• SPA는 수명이 긴 DOM 트리를 가지고 스크립트에 의해 종종 업데이트되는 특징이 있는 반면에, MPA는 주로 네트워크에서 제공하는 서로 다른 HTML 리소스를 탐색하며 콘텐츠를 업데이트합니다.

• "MPA가 모든 SPA를 대체할 것"이라는 생각에 대해 놀랐던 점은 간단합니다. 웹에서 동작하는 피그마 또는 포토샵이 어떻게 MPA로 동작할 수 있을까요? 슬랙, 디스코드, 구글 맵은 또 어떨까요?

6. "모든 사이트는 자바스크립트 없이 동작해야 한다"

• 앞서 웹을 위한 피그마와 포토샵을 언급했습니다. 이들이 자바스크립트 없이 동작하는 모습을 상상하기란 어렵습니다. 브라우저의 개발자 도구도 마찬가지입니다.

7. "웹 개발은 빌드 단계가 필요하지 않다"

• 웹 개발자들은 이미지 에셋을 최적화하고 정적인 HTML 페이지를 미리 생성하는 것은 합리적이라고 생각하는 것 같은데, 왜 코드 에셋을 최적화하는 것에는 반대의 의견이 있을까요? 왜 빌드 시점에 함께 처리할 수 있는 계산과 I/O 작업을 런타임으로 미루어야 할까요? 적어도 저는 iOS 사파리를 비난하는 몇 메가바이트 분량의 주석을 매 요청마다 모든 사용자에게 보내고 싶지 않습니다. 2024년에는 아마 클라이언트 측 Rust/WASM 프런트엔드 프레임워크가 주목받기 시작할 것이고, 우리는 빌드 단계에 익숙해져야 합니다!

8. "내 블로그는 일반적인 웹 개발을 대표한다"

• 제 앱은 타입스크립트 코드 덩어리이고, 제 블로그는 클라이언트 측 자바스크립트가 거의 없습니다. 제 앱은 양방향의 데이터 동기화로 인해 매우 복잡하지만, 블로그는 읽기 전용입니다. 제 앱은 웹팩, E2E 테스트를 위한 Playwright, 컴포넌트 프레임워크 그리고 상태 관리 라이브러리를 사용하지만 제 블로그는 이들 중 아무것도 사용하지 않습니다. 지금 하는 작업이 웹 개발 자체라고 생각하기 쉽습니다. 사실 웹 개발은 우리가 상상하는 것보다 훨씬 더 다양할지도 모릅니다.

https://velog.io/@sehyunny/weired-things-engineers-believe#%EC%9B%B9-%EA%B0%9C%EB%B0%9C%EC%9D%80-%EB%B9%8C%EB%93%9C-%EB%8B%A8%EA%B3%84%EA%B0%80-%ED%95%84%EC%9A%94%ED%95%98%EC%A7%80-%EC%95%8A%EB%8B%A4