Rebitly

서비스 개요

리타겟팅이 가능한 링크를 생성해주는 마케팅 B2B SaaS.

역할

Front-end 2명, Back-end 2명으로 구성된 팀에서 Front lead 로 작업 진행

기간

2021-06 ~ 2022-01

기술 스택

React
typescript
Mobx
Apollo graphql
Apollo Client

개발 이슈 및 문제 해결 경험

상태관리에 대한 이슈

이제까지 Mobx 를 사용해서 상태관리를 해왔는데, 생각해보면 대부분의 경우 server 로부터 fetch 한 데이터들을 프론트에서 상태관리를 통해서 사용자에게 보여주는 작업이 대부분이었다. 때문에 상태관리를 함에 있어서 SWR 이라는 툴과 그것이 제공하는 이점이 꽤나 매력적으로 다가왔다.
마침 프로젝트에서 사용하고 있는 대부분의 기능도 복잡한 상태관리가 필요하지는 않았다. 그리고 server 에서 Apollo Graphql 을 사용했기 때문에 SWR과 비슷하게 작동하지만, Apollo 와 함께 사용성이 좋은 Apollo Client 를 사용하기로 결정했다.
반복적으로 Fetch 를 실행하고, 해당 상태를 찾아서 상태에 대한 UI 를 찾아서 표현하는 일련의 작업 과정이 심플하게 graphql 을 사용하고 그 데이터를 사용하는 것으로 간단하게 작업이 해결되어서 개발경험이 꽤 만족스러웠다.
다음은 SWR 과 Apollo Client 를 스터디한 자료들이다

대용량 트래픽에 따른 비용절감

이것은 다음의 페이지에 모두 정리되어있다.