Tag: Troubleshooting
Framer Motion 페이지 전환 구현 중 발생한 이슈와 해결
2024-09-03 · 3 min read
개요 최근 블로그에 Framer Motion을 사용해 페이지 전환 효과를 추가하는 작업을 진행했습니다. 처음에는 간단하게 Layout 컴포넌트에 AnimatePresence…
CSR에서 동적 OG 적용하기
2024-07-23 · 3 min read
개요 최근 회사에서 가볍고 빠른 성능의 사이트를 개발해야 하는 요구가 생겨 Vite와 Svelte를 사용한 SPA를 만들게 되었습니다. 이 사이트는 동적 라우팅을 통해 경로에 따라 백오피스에서 설정한 커스텀 페이지를 보여주어야 했습니다. 문제는 동적 경로에 따라 OG 메타태그를 적용해야 한다는 사실이었습니다. 그동안 "CSR = SEO…
SPA 404 이슈 해결
2024-07-19 · 2 min read
개요 이 글은 실무에서 정적 사이트 배포 환경을 구성하면서 겪은 SPA 관련 404 오류 이슈에 대한 해결 과정을 다룹니다. SPA란? SPA(Single-page application)란 단일 HTML 문서로 이루어진 웹사이트를 의미합니다. 기존의 여러 HTML 파일을 사용하던 방식과 달리, SPA는 하나의 HTML…
마크다운 플러그인에 GFM 적용하기
2024-02-18 · 1 min read
이 블로그에서는 gatsby-plugin-mdx 플러그인을 사용해 마크다운을 파싱 및 렌더링하고 있습니다. 이 플러그인에 remarkGfm을 적용하며 발생한 이슈입니다. GFM이란? GitHub Flavored Markdown의 줄임말로, 기본적인 마크다운 문법의 확장입니다. Github…