핵심 요약
- 화면에 텍스트 한 줄 띄우는 데 수천 개의 라이브러리와 복잡한 프레임워크를 동원하는 현대 웹 개발의 오버엔지니어링을 거칠게 비판하는 사이트가 공개되었습니다.
- 접근성, SEO, SNS 공유 카드, 성능 최적화 등 개발자들이 핑계 대는 최신 기능들은 복잡한 도구 없이 순수 HTML 태그와 브라우저 기본 기능만으로도 충분히 구현 가능하다고 꼬집었습니다.
- 2013년 웹 개발계에 충격을 주었던 'Motherfucking Website' 밈의 현대판 후속작으로 해외 개발자 커뮤니티에서 큰 공감과 화제를 모으고 있습니다.
요약 2013년 웹 개발계에 거친 일침을 날리며 전설적인 밈이 되었던 'Motherfucking Website'의 현대판 후속작이 등장해 개발자 커뮤니티에서 폭발적인 화제를 모으고 있습니다.
글쓴이는 현대 웹 개발의 과도한 오버엔지니어링 세태를 강도 높게 비판합니다. 화면에 고작 문단 하나 띄우겠다고 Node.js, 패키지 매니저, 1,100개가 넘는 의존성 라이브러리, 번들러, 트랜스파일러, 메타 프레임워크, 하이드레이션 전략, CI 파이프라인까지 끌어다 쓰는 현실을 꼬집었습니다. 심지어 텍스트뿐이어야 할 개인 블로그에조차 로딩 스피너가 돌아가고, "Hello World" 프로젝트의 lockfile이 웬만한 웹페이지 길이보다 긴 황당한 상황을 지적합니다.
개발자들은 항상 "SEO, 소셜 카드, 반응형 이미지, 성능 같은 최신 기능이 필요해서 어쩔 수 없다"고 변명하지만, 글쓴이는 "이 모든 것은 그저 손가락으로 타이핑하면 끝나는 순수 HTML 태그일 뿐"이라고 일갈합니다.
접근성을 맞춘답시고 `<div class="nav-wrapper-container-inner">` 따위를 만들어 놓고 별도 접근성 라이브러리를 설치할 바에 이미 인터넷 익스플로러 9 시절부터 지원된 `<nav>` 태그를 쓰면 끝납니다. 아코디언 메뉴를 만든다고 npm 패키지를 깔거나 `useEffect`를 쓸 필요 없이 기본 내장된 `<details>` 태그 하나면 키보드 탐색과 스크린 리더 지원까지 완벽히 해결됩니다. 복잡한 플러그인을 결제해 만드는 구조화 데이터(JSON-LD) 역시 개발자라면 누구나 아는 순수 JSON 스크립트 몇 줄로 해결되며, SNS 링크 공유 미리보기 카드(Open Graph) 역시 HTML `<head>`에 메타 태그 몇 줄만 적어두면 크롤러가 즉시 인식합니다.
여기에 브라우저 리소스 힌트(`preload`, `preconnect`, `loading="lazy"`)와 최신 투기적 규칙(Speculation Rules) 스크립트, CSS 뷰 트랜지션만 더해도 몇 달 동안 낑낑대며 만든 SPA(단일 페이지 애플리케이션)보다 훨씬 빠르고 부드러운 페이지 전환을 구현할 수 있다는 점을 상세한 예시와 함께 강조했습니다.
Sponsored · 광고