카카오페이 기술 블로그 구축 과정 회고

카카오페이는 개발 리소스와 운영 비용을 절감하기 위해 GitHub Pages를 활용한 SSG(Static Site Generation) 방식의 기술 블로그를 직접 구축했다.

프레임워크로는 Gatsby를 선택했다. 다음과 같은 이점을 고려했다:

• GraphQL을 통한 마크다운 및 에셋 처리의 용이성
• 개발 모드에서의 HMR(Hot Module Replacement) 지원
• SSG 환경에서의 이미지 최적화 기능

마크다운 콘텐츠 처리는 unified 생태계를 기반으로 진행했다. remark와 rehype 플러그인을 사용하여 마크다운을 mdast와 hast로 변환하며, 비디오 파일을 지원하기 위해 커스텀 GatsbyRemarkPlugins를 직접 구현해 사용했다.

검색 엔진 최적화(SEO)를 위해 다음과 같은 작업을 수행했다:

• Meta 태그(og tag, canonical URL 등)의 정교한 설정
• sitemap.xml 생성 및 Google Search Console 등록을 통한 검색 노출 극대화