최근 '이게 진짜 현대적인 웹사이트다(modernmotherfuckingwebsite.dreamstation.systems)'라는 웹페이지가 웹 개발의 과도한 복잡성을 비판하며 개발자들 사이에서 큰 반향을 일으키고 있습니다. 이 페이지는 단 한 문단의 텍스트를 보여주기 위해 1,100개가 넘는 의존성과 복잡한 빌드 도구를 사용하는 현재 웹 개발의 현실을 꼬집으며, 텍스트 중심 블로그에 로딩 표시까지 붙는 상황을 '과잉 설계'라고 지적합니다.
이 글은 현대적인 웹사이트가 반드시 복잡한 프레임워크를 필요로 하지 않는다고 주장합니다. 대신 시맨틱 HTML(Semantic HTML) 요소를 활용하여 문서 구조를 명확히 하고, JSON-LD와 Open Graph 메타 태그로 검색 엔진 최적화(SEO) 및 소셜 미디어 공유 정보를 효율적으로 전달할 수 있다고 설명합니다. 또한, 펼침/접힘 UI(<details>), 대화상자(<dialog>), 반응형 이미지(<picture> 태그와 srcset/sizes 속성), 페이지 전환(View Transitions API) 등은 이미 브라우저가 기본적으로 제공하는 기능이므로, 이를 위해 별도의 라이브러리나 복잡한 빌드 시스템을 도입할 필요가 없다고 강조합니다. 실제 이 페이지 자체도 이미지 등을 제외하면 약 23KB의 HTML 파일 하나로 구성되어 있으며, 의존성이나 쿠키 배너, 하이드레이션 오류 없이 빠르게 작동합니다.
이러한 주장은 웹 개발자들이 'HTML부터 시작하여 필요한 것만 추가하고 완성되면 멈추는' 접근 방식을 채택해야 한다는 메시지를 전달합니다. 불필요한 도구와 프레임워크 사용은 개발 시간을 늘리고, 웹사이트의 용량을 증가시켜 사용자 경험을 저해할 수 있습니다. 특히 블로그나 문서 사이트처럼 콘텐츠 전달이 핵심인 웹사이트의 경우, 브라우저의 기본 기능을 최대한 활용하고 가벼운 HTML 구조를 유지하는 것이 성능과 접근성(Accessibility) 측면에서 훨씬 유리하다는 점을 시사합니다. 이는 개발자들이 기술 선택 시 '무엇이 필요한가'에 대한 본질적인 질문을 던지도록 유도하며, 웹의 본래 목적인 '문서 전달'에 충실할 것을 강조합니다.