React밖에 모르는 당신에게. GatsbyJS한 잔, '채용~'

문제 & 배경: 채용 정보와 블로그 콘텐츠가 자주 바뀌어 개발자 없이 관리할 수 있어야 했고, 검색엔진에 잘 노출되면서도 여러 사람이 쉽게 유지보수할 수 있는 사이트가 필요했습니다.

기술 & 해결책: React 기반의 GatsbyJS를 사용해 빌드할 때 미리 HTML을 만들고, Markdown과 CMS로 콘텐츠를 관리했으며, 플러그인으로 SEO 설정과 사이트맵 등을 간단히 구성했습니다.

교훈 & 주의점: Gatsby는 단순한 서비스에 빠르고 편리하지만 빌드 환경에는 window가 없고 최초 진입 시 정적 HTML이 먼저 보이므로, 브라우저 전용 코드는 실행 시점을 확인하고 반응형 화면은 가능하면 미디어 쿼리를 활용해야 합니다.