간단한 정적 웹사이트를 (과도하게) 엔지니어링하는 방법

약 1년 전, 저는 대학의 R&D 그룹 중 하나를 위한 새 웹사이트를 개발하는 임무를 받았습니다. 그들의 오래된 웹사이트는 jQuery 템플릿을 기반으로 구축되었으며 일반적으로 유지 관리가 어렵습니다. 그 시점까지 약 1년 동안 사용자 인터페이스를 구축하면서 더 나은 웹사이트를 엔지니어링하는 데 필요한 자질이 있다고 생각했습니다. 제 생각은 틀렸습니다!

XKCD 974: 일반적인 문제

이전에 제가 작업한 프로젝트는 모두 React.js를 사용했으며 일부는 Next.js를 사용하고 일부는 사용하지 않았습니다. “가진 것이 망치뿐이라면 모든 것이 못으로 보인다”는 말이 있습니다. 그래서 저는 간단한 정적 웹사이트를 구축하기 위해 이러한 기술을 선택했습니다.

돌이켜보면 처음부터 이 일이 좋게 끝나지 않을 것이 분명했습니다. 실제로 데이터 기반 콘텐츠로 고도로 대화형이고 동적인 사용자 인터페이스를 구축하려는 경우 React.js는 정말 훌륭합니다. Next.js는 서버 측 렌더링, 라우팅을 제공하고 성능 최적화에 도움이 되는 훌륭한 동반 프레임워크입니다. 하지만 제가 구축한 웹사이트는 정적이어서 이러한 기능의 대부분을 활용할 수 없었습니다. 물론, React.js 및 Next.js를 사용하여 구축할 수 있었습니다. 실제로 그랬지만, 비용은 얼마나 듭니까?

앞서 언급한 도구는 다소 복잡합니다. 그들과 함께 웹사이트를 구축하려면 그들의 속내를 알아야 합니다. 마크업과 스타일을 작성하고 하루 만에 끝낼 수는 없습니다. React의 기능적 구성 요소 및 후크 패러다임 내에서 구성 요소 기반 아키텍처를 준수하고 props 및 컨텍스트를 통해 데이터 흐름을 처리해야 하기 때문입니다… 그게 전부입니다. 더 많은 코드 줄을 작성하게 됩니다.

물론 그 자체로는 문제가 되지 않습니다. 마크업과 스타일만으로는 프로젝트 요구 사항을 충족하는 것이 불가능할 수 있으며, 기성 솔루션을 사용하는 대신 자체 JavaScript 코드를 작성하는 데 시간을 낭비할 수도 있습니다. 그러나 이러한 추가적인 복잡성 없이 요구 사항을 충족할 수 있다면 그렇게 하는 것이 현명합니다. 그렇지 않으면 지나치게 엔지니어링을 많이 하여 유지 관리가 원래보다 훨씬 더 어렵고 비용이 많이 드는 프로젝트로 끝나게 됩니다.

이렇게 웹사이트가 완전히 완성되었습니다. 오래된 것은 유지 관리가 어려워 교체해야 했습니다. 제한된 레퍼토리를 가진 젊은 소프트웨어 엔지니어의 뛰어난 능력 덕분에 이제 새로운 소프트웨어도 동일한 상황에 처해 있습니다. 실제로는 더 나쁜 상황입니다. 지금은 새로운 웹사이트가 필요한 것 같아요! 나는 현재 코드베이스를 버리고 HTML과 CSS를 제외하고 가능한 한 적은 코드베이스로 다시 빌드할 계획입니다. 아마도 정적 웹사이트 생성기를 고려해 볼 것입니다.

위 내용은 간단한 정적 웹사이트를 (과도하게) 엔지니어링하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!