2P by neo 2달전 | favorite | 댓글 1개

정적 사이트의 역설

  • 두 가지 개인 웹사이트가 있음. 하나는 PHP로 작성된 복잡한 CMS로, 웹 서버, 여러 작업자, Redis 캐시, SQL 데이터베이스가 필요함. 다른 하나는 정적 HTML 파일과 몇 개의 CSS 파일로 구성됨.
  • 일반 사용자들은 복잡한 솔루션을 사용하고, 전문 소프트웨어 엔지니어들은 간단한 정적 사이트를 선호하는 역설적인 상황이 존재함.
  • 이는 워드프레스 블로그를 시작하는 것이 도메인 구매, 호스팅 플랫폼 찾기, DNS 설정, 정적 사이트 생성기(SSG) 찾기, 배포 파이프라인 설정을 배우는 것보다 쉽기 때문임.
  • 소프트웨어 엔지니어들은 GitHub Pages나 Cloudflare Pages 같은 무료 호스팅을 즐기지만, 일반 사용자들은 복잡한 솔루션에 갇혀 있음.

HTML 언어 서버 경험

  • 필자는 SquiggleConf에서 HTML 언어 서버 작성 경험을 공유함.
  • SuperHTML을 발표했을 때, 사용자에게 진단을 보고하는 최초의 HTML 언어 서버였음.
  • 이는 프론트엔드 프레임워크에 종속된 도구가 아닌 순수 HTML을 위한 진단 도구의 부재를 보여줌.

웹의 복잡성 문제

  • 웹이 복잡해질수록 일반 사용자들은 소셜 네트워크 같은 제한된 공간에 갇히게 됨.
  • 소프트웨어 엔지니어링에서 간단한 것을 쉽게 만드는 데 실패하면 사회에 부정적인 영향을 미침.
  • 스타트업이나 대기업이 해결할 수 없는 문제로, 웹을 더 접근 가능하게 만드는 것이 중요함.

GN⁺의 정리

  • 이 글은 웹 개발의 복잡성이 일반 사용자에게 미치는 영향을 강조함.
  • SuperHTML과 같은 도구는 HTML 개발을 더 쉽게 만들어 웹 접근성을 높이는 데 기여할 수 있음.
  • 웹의 복잡성을 줄이고 다양한 사람들이 웹을 만들 수 있도록 하는 것이 중요함.
Hacker News 의견
  • 애쉬빌에서의 기술 실패 경험: 셀 서비스가 복구되었지만 불안정한 3G로 인해 기본 생존 정보 웹사이트가 로드되지 않았음. 지역 주민들이 텍스트 전용 뉴스 사이트를 만들었고, 번컴 카운티 웹사이트도 저대역폭 사이트를 제공했지만 여전히 부트스트랩 CSS와 jQuery가 렌더링을 방해했음. 기술의 실패를 보며 실망스러웠음

  • 2016년의 웹사이트 제작 경험: 로컬 비즈니스를 위한 브로슈어 웹사이트 제작 중, 클라이언트가 예약 시스템을 위한 작은 iframe을 추가 요청했음. 클라이언트는 Word 문서를 HTML로 내보내어 웹사이트를 유지했으며, 이는 간단하고 효과적이었음. 당시에는 비웃었지만, 지금은 그것이 천재적인 아이디어였음을 깨달음

  • 웹 개발자의 개인 웹사이트와 이력서 기반 개발: 개인 프로젝트를 통해 이력서를 강화하려는 개발자들이 많음. 인기 있는 현대 웹 프레임워크를 사용하여 웹사이트를 업데이트하려 했으나, NPM 패키지의 보안 문제로 인해 업데이트가 불가능했음. 간단한 HTML과 Perl CGI 스크립트로도 충분히 작동할 수 있었지만, 복잡한 방법을 선택할 수밖에 없었음

  • 웹의 복잡성과 사용자 경험: 웹을 복잡하게 만들수록 일반 사용자를 소셜 네트워크로 몰아넣게 됨. Squiggle Conf에서 나온 인용문을 언급하며, 웹은 소프트웨어 엔지니어만의 것이 아님을 강조함

  • WordPress의 강점인 댓글 기능: WordPress는 댓글 기능이 내장되어 있어 강력함. Hugo와 같은 정적 사이트 생성기가 성공하려면 댓글 기능이 포함된 멋진 테마를 만들어야 함

  • SuperHTML 사용 경험: SuperHTML을 사용해보았으나, HTML 5 문서에서 </html> 태그가 열리지 않았다는 잘못된 오류를 보고받았음. HTML 언어 서버는 HTML 구문을 평가하는 플러그인임

  • 웹사이트 제작의 복잡성: 과거에는 텍스트 에디터나 WYSIWYG 에디터를 사용해 HTML과 CSS를 작성했음. 현재는 복잡한 SaaS 시스템이 등장했지만, 여전히 많은 사람들이 수동으로 HTML과 CSS를 작성함

  • 기본 웹사이트에 대한 기대치 상승: 정적 사이트 생성기를 사용해보았으나, 간단한 기능을 추가하려 할 때 복잡해짐. 현재는 HTML 파일 폴더로 시작하는 것이 더 간단하고 빠름

  • WordPress의 간단함과 대안: WordPress는 설정이 간단하지만, 대안으로는 웹사이트 설정을 위해 누군가를 고용하는 것이 필요함. Hugo를 위한 WYSIWYG 에디터가 있다면 큰 성공을 거둘 수 있음

  • 개인 웹사이트를 PHP로 재작성한 경험: 프레임워크나 데이터베이스 없이 PHP로 개인 웹사이트를 작성했으며, PHP를 사용해 콘텐츠를 더 효율적으로 작성할 수 있었음. 전체 PHP 코드는 4개의 파일로 구성되어 있음