유스풀패러다임

Gatsby로 워드프레스 테마 만들기

개츠비(Gatsby)는 요즘 인기있는 리액트 기반의 웹 프레임워크입니다. Gatsby를 사용하면 리액트(React) 기반의 웹사이트나 블로그를 아주 쉽고 간단하게 만들 수 있습니다.

도커(Docker)로 미디어위키 설치하기

미디어위키를 사용하려면 우선 미디어위키를 설치해야 하는데요. 하지만 미디어위키를 설치하는 방법이 그렇게 만만하지 않죠. 호스팅 환경을 세팅하고 그 위에 MySQL이나 MariaDB 같은 데이터베이스를 설치하고 Apache나 Nginx 같은 웹서버를 설치한 다음 또 PHP도 설치해야 하구요.

워드프레스 6에 새로 도입된 전면 사이트 편집(FSE) 사용하기

최근 워드프레스가 버전 6.0으로 업그레이드되었죠. 그러면서 워드프레스의 기본 테마로 “Twenty Twenty-Two” 테마가 적용되었습니다.

Caver-js로 Klaytn NFT 발행하기

지난 번엔 트러플(Truffle)을 이용해서 이더리움 네트워크에 NFT를 발행하는 방법을 소개했는데요. 이번엔 이더리움 대신 클레이튼(Klaytn) 네트워크에 NFT를 발행하는 방법을 다뤄 보겠습니다.

Gatsby 동적 라우팅(Dynamic Routing) 처리하기

Gatsby는 정적 웹사이트 생성기(SSG; Static Site Generator)이기 때문에 모든 라우팅은 기본적으로 빌드 시점에 이루어지게 됩니다. 즉 빌드 시점에 이미 웹사이트의 모든 페이지들이 HTML로 렌더링되어 저장되는 방식으로 작동합니다.

WPGraphQL과 JWT 인증 처리

종종 워드프레스를 Headless CMS로 사용하는 경우가 생깁니다. 이럴 땐 워드프레스에서 제공하는 REST API를 사용해도 되지만 최근 들어서는 REST 보단 GraphQL을 사용해서 워드프레스와 연동하는 경우가 많죠.

Sanity로 Gatsby 콘텐츠 관리하기

개츠비(Gatsby)로 웹사이트를 만들 경우, ‘데이터 소스를 어떻게 관리하면 좋을까?’ 하는 문제가 종종 생깁니다. 아주 간단한 사이트라면 주로 마크다운(markdown) 파일을 데이터 소스로 해서 관리하면 되겠지만, 마크다운 콘텐츠를 직접 다루는 게 부담이 되는 것도 사실이죠.