Gatsby vs WordPress: 어느 것이 더 낫나요?

	워드프레스(WordPress)	개츠비
기본 기술:	PHP	ReactJS
서버 런타임 환경:	가능	아니
생성된 페이지 유형:	동적	정적인
페이지 로딩 속도:	평균	빠른
사용자 정의 옵션 :	베스트셀러	평균
보안 문제 및 해킹 가능성:	평균	베스트셀러
유지비:	높음	낮 춥니 다
사용자 친화성(관리자/방문자):	최고/평균	낮음/최고

기본 기술

HTML 외에도 표준 WordPress 설치에는 두 개의 추가 서버가 필요합니다. PHP 그리고 MySQL. PHP는 대부분의 작업을 처리하여 MySQL 데이터베이스에서 정보를 쿼리하고 데이터베이스의 정보를 기반으로 웹사이트 방문자에게 맞춤화된 페이지를 만듭니다.

모든 블로그 게시물과 페이지 콘텐츠는 MySQL에 의해 저장되고 처리됩니다. 그리고 새로운 태그, 댓글, 업데이트 또는 카테고리를 추가하면 MySQL에 의해 저장되어 웹사이트 방문자를 위한 새로운 페이지를 만드는 데 필요할 때 검색됩니다. WordPress의 모든 것은 동적으로 생성됩니다.

개츠비는 다음과 같은 기반으로 만들어졌습니다. React.js, 사용자 인터페이스와 그 구성 요소를 쉽게 개발할 수 있는 오픈소스 JavaScript 라이브러리입니다. 또한 GraphQL을 사용하여 외부 소스에서 페이지를 생성합니다. 생성 후 모든 페이지는 순수 HTML로 제공되며, CSS는 디자인을 위해, JavaScript는 멋진 기능을 위해 제공됩니다.

서버 런타임 환경

웹 서버는 들어오는 네트워크 요청(보통 포트:80에서)을 수락하고, 처리하고, 응답하는 CGI(Common Gateway Interface) 프로그램입니다. 이 프로그램을 통해 컴퓨터 사용자는 인터넷을 통해 멀리 떨어진 컴퓨터에 액세스할 수 있습니다. 그리고 다양한 작업을 수행할 수 있습니다.

그러나 서버에는 종종 보안 허점이 있고, 해커는 이를 이용하려고 합니다. 이로 인해 WordPress와 같은 플랫폼은 공격에 취약해지고, 특히 설치 시 알려진 보안 결함이 있는 플러그인을 실행할 때 더욱 그렇습니다.

Gatsby는 일반 HTML 페이지를 제공함으로써 이러한 보안 위험을 극복합니다. 웹사이트는 사전에 설계 및 컴파일되며, 개별 페이지의 최종 콘텐츠는 생성되어 파일에 저장됩니다. 그런 다음 웹 방문자가 페이지를 요청할 때마다 정적 HTML 콘텐츠가 로드되어 제공됩니다.

이렇게 되면 해킹할 수 있는 PHP 서버도 없고, 삽입할 수 있는 MySQL 데이터베이스도 없기 때문에 사이트를 해킹하는 것이 사실상 불가능해집니다.

생성된 페이지 유형

당신이 있다면 블로그를 운영하다 두 플랫폼 모두에서 웹사이트를 방문하는 모든 사람은 동일한 출력을 얻게 됩니다. 그러나 댓글 섹션에는 차이가 있습니다. WordPress 사이트는 예상대로 댓글을 처리하는 반면, Gatsby 블로그는 Disqus와 같은 외부 서비스에 의존하여 독자 댓글을 표시해야 할 수 있습니다.

또한, 게시물을 편집하거나, 구매하거나, 다른 활동을 하기 위해 사이트에 로그인하면 사용자 지정 페이지가 제공되는 다양한 WordPress 사용자를 만들 수도 있습니다.

이러한 모든 기능은 표준 Gatsby 웹사이트에서는 불가능합니다. 정적 HTML 페이지는 모든 사이트 방문자가 동일한 콘텐츠를 받는다는 것을 의미하기 때문입니다. 그러나 크기를 사용자 지정할 수는 있지만 약간의 코딩 노하우가 필요합니다.

페이지 로딩 속도

이것은 Gatsby 웹사이트의 또 다른 좋은 기능입니다. Google이 그들이 요인을 고려한다는 것을 분명히 했기 때문에 웹 페이지 로딩 속도가 순위에 반영됨 모든 웹마스터가 높은 순위를 차지하려면 알고리즘을 고려해야 합니다.

정적 사이트는 정말 빠릅니다. 속도 면에서 Gatsby는 WordPress를 압도적으로 앞지르고, WordPress를 조정해서 다르게 만들 방법은 없습니다. 최적화를 통해 항상 속도를 높일 수 있습니다. CDN 그리고 더 많은 것이 있지만 정적 페이지가 더 빠릅니다.

맞춤형 옵션

WordPress는 연락처 양식, 분석, 검색 엔진 최적화, 전자 상거래, 경품 제공 등 생각할 수 있는 모든 것을 할 수 있는 수많은 플러그인이 있는 활발한 온라인 커뮤니티를 보유하고 있습니다.

Gatsby에는 그런 사치가 없습니다. Gatsby 웹사이트의 사용자 정의는 괴짜를 위한 것입니다. 플러그 앤 플레이 플러그인도 없고, 드래그 앤 드롭 기능도 없고, 작업할 수 있는 반짝이는 대시보드도 없습니다.

그래도 Gatsby 사이트를 완벽하게 사용자 지정할 수는 있지만 코딩할 수 있고 배우려는 의지가 있어야 합니다.

보안 문제 및 해킹 가능성

정적 웹사이트는 동적 웹사이트보다 훨씬 더 안전합니다. 이는 인간이 실수를 하기 때문입니다. 따라서 들어오는 명령을 해석하려는 PHP 서버가 있는 한, 항상 그것을 제어할 방법이 있을 것입니다. 그저 충분히 길고 깊이 들여다보기만 하면 됩니다.

그리고 때로는 WPScan과 같은 사전 설치된 도구를 사용하여 지금 바로 웹을 스캔한다면 소프트웨어 자체에 문제가 있는 것이 아닐 수도 있습니다. 칼리 리눅스여러분은 얼마나 많은 웹마스터가 블로그의 보안을 위해 취약한 비밀번호를 사용하는지 놀라실 것입니다.

정적 웹사이트에서는 프로그래밍적으로 처리할 명령이 없으므로 해킹할 것이 없습니다. 요청된 페이지를 제공하는 HTML 서버만 있고, 그게 전부입니다.

해커가 HTML 서버를 통해 접근할 수 있는 모든 정보는 이미 공개적으로 이용 가능합니다. 그리고 서버나 정적 페이지에 대한 접근 권한을 잃어버리면 명령줄에서 새 웹사이트를 빌드하면 아무것도 손실되지 않습니다.

유지비

작은 웹사이트의 경우 이는 중요하지 않을 수 있습니다. 그러나 대규모 웹사이트의 경우 Gatsby를 사용하여 미리 렌더링된 정적 페이지를 제공하면 WordPress 설치보다 상당히 적은 리소스를 사용합니다. 이를 통해 운영 비용과 전반적인 수익성이 줄어듭니다.

사용자 친근성

여기에는 두 가지 측면이 있습니다. 첫 번째는 사이트 관리자를 위한 사용자 친화성이며 두 번째는 사이트 방문자를 위한 사용자 친화성입니다.

WordPress는 사이트 관리자의 사용자 친화성 면에서 Gatsby를 압도적으로 이긴다. 사용자 친화적인 대시보드, 설치하기 쉬운 플러그인을 제공하며, 마우스를 사용하여 사이트를 효과적으로 제어할 수 있다.

반면, Gatsby는 명령줄을 사용해야 합니다. 이는 사이트 페이지의 설치 및 렌더링 단계 동안입니다.

방문자의 사용자 친화성 측면에서 Gatsby는 여러 면에서 WordPress를 능가합니다. React.js를 기반으로 하며 이는 사이트 방문자에게 최상의 사용자 경험을 의미합니다.

Gatsby 사이트는 기본적으로 단일 페이지이므로 페이지 로드가 없습니다. 새 페이지를 클릭하면 새로 고침 없이 데이터만 로드되고 WordPress가 오래되어 보입니다.

맺음말

Gatsby와 WordPress 비교를 마치면, 이 둘은 서로 다른 두 그룹의 사람들에게는 서로 다른 도구라는 것을 알 수 있습니다.

웹사이트나 블로그를 관리하는 간단한 방법만을 원하신다면 WordPress가 적합할 것입니다. 구성이 간단하고 디자인이 사용하기 쉽습니다.

하지만 빠르고 고도로 최적화된 웹사이트를 원하고, 필요한 코딩 기술을 갖추고 있거나 코더를 고용할 수 있다면, 아마도 Gatsby가 답일 것입니다.

비교표