말랑찰떡 나만의 도시 찾기

프로젝트 실행

npm run dev

unit 테스트 실행

npm run test

e2e 테스트 실행(cypress open)

npm run test:e2e

기술 스택

• Gatsby
• Redux toolkit
• Styled components
• Jest
• Cypress

프로젝트 후기

검색엔진 최적화(SEO) 고려하기 위해 Next.js(서버 사이드 렌더) 와 Gatsby(정적 사이트 생성기) 중에서 고민을 했는데, 이 프로젝트엔 Gatsby가 더 적합할 것 같아 Gatsby를 선택하게 되었습니다.

- 데이터 변경이 활발하지 않다.
- 정적인 데이터가 많다.
- 컨텐츠의 양이 많지 않다.
- Next는 위 내용들과 반대 될 때 좀 더 매력적이라고 생각합니다.

이번 프로젝트를 통해 Gatsby를 처음 사용해봤는데
Gatsby에서 제공하는 다양한 플러그인을 활용해 개발할 수 있는 것과
GraphQL을 사용해서 데이터소스에서 데이터를 가져오는 등 재밌었습니다.