발더스 게이트 3 아이템 사전

발게삼

 

배포 후 Vercel Analytics를 통해 실제 사용자의 행동을 실시간으로 확인했다.
어떤 페이지가 인기 있는지, 유저의 접속 지역과 트래픽 패턴을 한눈에 볼 수 있었다.
이를 통해 서비스가 잘 운영되고 있다는 뿌듯함을 느꼈다.
또한 데이터 기반 의사결정에 큰 도움이 되어 향후 개선 방향 설정에 활용할 계획이다.

 

 

 

 

 

반응도 올라오고 재밌네

 

또 뭐 만들지

 

이번 개발을 하며 느낀점을 생각한다.면

Tailwind CSS로 간편한 UI 구현

Tailwind CSS를 사용해 빠르고 효율적으로 UI를 스타일링했다.
유튜브 강의를 참고해 네온사인 효과 같은 흥미로운 디자인 요소도 적용해 보았다.
클래스를 조합하는 방식으로 짧은 시간 안에 세련된 UI를 구현할 수 있어서 매우 편리했다.

 

Recoil로 필터링 상태 관리 간편하게 구현

 

아이템 필터링 기능 구현에 Recoil을 활용했다. Redux를 사용할까도 생각했지만 공식문서를 봐도 '작은 프로젝트에 리덕스는 안 어울리수 있다'라는 말이 있어 더 가벼운 라이브러리를 찾았다.

우선 간편한 코드 작성이 좋았고, 코드 흐름도 이해할 수 있었다. 앞으로도 적극 사용하고 싶다고 생각했다.

 

Next.js

우선 정적파일이 아닌 프론트 서버를 만드는 거라 신기했다.

이번 프로젝트에서는 db를 사용하지 않았지만 next.js를 통해서 db를 연결하여 사용할 수 있을거 같다.

웹 프론트엔드 작업에 수월한 js를 통해 같은 환경에서 db까지 연동할 수 있다는 점은 상당히 매력적이다.

Nest.js를 공부하려고 했는데, Next.js로 충분히 많은걸 구현할 수 있었다.