과도한 JavaScript 중심 개발, 웹을 망가뜨리다

5 hours ago 1

요약 개요

과도한 JavaScript 중심 개발, 웹을 망가뜨리다

  • JS 프레임워크 남용으로 웹사이트 복잡성 심화
  • 개발자 경험(DX)이 사용자 경험(UX)을 압도
  • 단순한 작업에도 과도한 구조 요구
  • 성능·접근성·유지보수성 모두 저하
  • 웹 본연의 기능 회복이 해법

서론

개발 중심 웹의 병폐

  • 대부분의 웹사이트는 지나치게 복잡하고 느림
  • JS 중심 설계로 사용자보다는 개발자 중심 구조로 전환
  • 간단한 변경조차 복잡한 배포 과정을 요구하는 상황이 일반화됨

본론

앱처럼 보이고 싶은 욕망이 원인

  • 2010년대 이후, 모바일 앱 유행과 함께 "앱 같은 웹" 요구 증가
  • Angular 등 JS 프레임워크가 도입되며 복잡도 급증
  • 단순 콘텐츠도 시스템처럼 개발됨

개발자 경험(DX) 우선 문화

  • 최신 프레임워크는 개발자 편의에 초점
  • 구성요소 추상화가 UX와 괴리 유발
  • "왜 블로그에 React를 쓰는가"라는 질문보다 SSR 호환성 논의가 우선됨

복잡성이 표준이 된 현실

  • 간단한 작업에도 빌드, 라우팅, API, 캐시 등 다단계 구조 필요
  • 복잡한 스택으로 인해 비개발자는 콘텐츠 수정을 하지 못함
  • 기술 변화가 너무 빨라 유지보수 어려움

프레임워크 남용의 폐해

  • SSR, 캐시, 메타데이터 등 기존 웹 기능을 재구현 중
  • 성능은 낮고, 의존성은 늘어남
  • 결과적으로 JS 프레임워크로 CMS를 재현하는 모순 발생

무의미한 반복과 비용

  • 프레임워크 도입과 폐기가 반복되어 안정된 구조 부재
  • 실제 사용자 문제 해결보다 내부 복잡성 해결에 집중
  • 콘텐츠 마케팅, SEO, 실험 등이 늦어지고 사용자 경험은 악화됨

JS 남용으로 인한 사용자·마케터 피해

  • 콘텐츠 수정에 개발자 개입 필요
  • SEO와 페이지 품질 저하
  • 사용자에겐 로딩 지연, 인터랙션 오류 등 불편 가중

JS는 도구일 뿐, 목적이 아니다

  • JS는 강력한 도구지만, 대부분의 웹사이트에 과도함
  • 정적 콘텐츠에 대해선 HTML, CSS, 약간의 JS만으로 충분
  • Vanilla JS, 서버 렌더링, 최소한의 스크립트가 더 효율적

권한의 집중과 구조적 문제

  • 복잡한 스택으로 인해 모든 작업이 개발자 의존
  • 조직 구조상 개발자 중심으로 권력 집중
  • 기술 결정이 사용자보단 개발자 편의 기준으로 이루어짐

결론

웹의 본질 회복이 해법

  • 빠르게 로딩되고, 검색되며, 유지보수 쉬운 웹사이트가 필요
  • 서버 렌더링 HTML, 의미론적 마크업, 최소한의 JS 등 기본 복귀가 답
  • 기술보다 결과 중심 접근 필요
  • “왜 이 기술을 쓰는가?”라는 질문이 필요
  • 단순하고 사용자 중심적인 웹이 곧 성능, 비용 절감, 유연성을 제공함

Read Entire Article