튜토리얼

단계별로 따라 하며 직접 만들어 볼 수 있는 글

글 27개 · 2페이지

2021.10.19

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

Gatsby는 정적 웹사이트 생성기(SSG; Static Site Generator)이기 때문에 모든 라우팅은 기본적으로 빌드 시점에 이루어지게 됩니다. 즉 빌드 시점에 이미 웹사이트의 모든 페이지…

2021.09.28

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

2020.09.20

개츠비(Gatsby)로 웹사이트를 만들 경우, ‘데이터 소스를 어떻게 관리하면 좋을까?’ 하는 문제가 종종 생깁니다. 아주 간단한 사이트라면 주로 마크다운(markdown) 파일을 데이터 소스로 해…

2020.09.08

스노우팩(Snowpack)은 요즘 새로 떠오르고 있는 프론트엔드 빌드 툴이죠. 빌드를 개발 환경과 프로덕션 환경으로 나눠, 각각의 환경에 최적화된 빌드 방법을 가져가는 게 특징입니다.

2020.08.25

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

2020.07.22

요즘은 뉴스레터가 인기죠? 뉴스레터 서비스야 물론 아주 오래 전부터 있어 왔던 거지만, 지금까지는 주로 마케팅 목적으로 뉴스레터가 활용되었다면 최근에 와서는 좀더 적극적인 콘텐츠를 퍼블리싱하는 콘텐…

2020.07.14

워드프레스(WordPress)는 전세계 웹의 30%를 점유하는 자타공인 넘버원 CMS 솔루션입니다. LAMP 스택 기반이라 호스팅도 용이하고 또 설치와 사용법이 쉬워 세계적으로 많은 사이트가 이 워…

2019.05.15

워드프레스 5.2에서는 워드프레스에서 자바스크립트를 다룰 때 필요한 빌드 환경을 좀더 쉽게 만들어주는 도구가 추가되었네요.

2018.12.04

페이스북(Facebook)에서 제공하는 고객 채팅 플러그인(Customer Chat Plugin)은 페이스북 메신저를 내 웹사이트에서 붙여 웹사이트 방문자들이 사이트를 떠나지 않고 쉽게 메신저로 커…

2018.06.08

요즘 웬만한 웹페이지에는 애니메이션(animation)이 따라 붙습니다. 가만히 멈춰 있는 것 보다는 무언가 움직임이 느껴지는 편이 좀 더 사용자의 시선을 끌 수 있고 집중도 높일 수 있기 때문에…