앱 중심의 제한적인 사용자 경험을 극복하고, 더 많은 사용자가 쉽게 접근할 수 있도록 웹 기반 서비스를 제공하고 게임 내 커뮤니티 기능을 강화해 사용자 참여도를 높이고자 진행한 프로젝트입니다.
2023. 2 ~ 2023. 7
프런트엔드 2명, 백엔드 1명으로 구성하여 작업하였습니다.
홈페이지의 게임 목록과 상세 기능을 더 빠르게 제공하기 위해 SSR(서버 사이드 렌더링)을 도입하면서, Vercel 배포와 호환성이 뛰어난 Next.js 와 Emotion을 채택하였습니다.
전역 관리가 필요한 요소는 Context API를 활용해 효율적이고 명확하게 구현하고자 하였습니다. 이후에 웹플레이 서비스를 새로운 리얼월드 홈페이지로 이관하면서, API 요청 및 상태 관리를 React-query로 처리하였습니다.
Next.js Typescript React-query styled-components storybook
<aside> 📌
현재 서비스되고 있는 게임 보러가기 👉🏻 [메모리시네마] 이 세계에서 자유가 사라진다면 | 리얼월드 웹플레이 (realworld.to)
</aside>