미리보기

3D Character AI Chatbot (Hey-d)

03. 2024 ~

- WebSocket을 이용한 채팅 기능 구현

- React-three-fiber(R3f)를 이용한 3D 뷰어 개발

3D 캐릭터의 Morph값을 조절하여 채팅에 맞는 다양한 표정을 지을수 있도록 구현

실시간으로 애니메이션 데이터를 받아와 끊김없는 애니메이션 적용

Neuroid 리팩토링 및 디자인시스템 개발

11. 2023 ~ 02. 2024  

 - React-query v5로 마이그레이션

클라이언트와 서버 상태를 분리하고 코드 가독성 향상

staleTime과 낙관적 업데이트를 이용하여 불필요한 api 호출 방지

- 프로젝트 고도화에 따라 중복되는 classname을 방지하기 위해, SCSS 에서 styled-components로 마이그레이션

- 사내 디자인 통합을 위해 Atomic 컴포넌트 기반의 디자인 시스템 개발

Neuroid

07. 2023 ~ 11. 2023

로블록스 창작자들을 위한 3D 모션, 애니메이션 판매 B2C 서비스 

- 초기 프론트엔드 개발자로서, 개발 환경 구축부터 퍼블리싱, 프로젝트 완성까지 A to Z 전 과정 참여

- 캐릭터 3D 모션을 보여주기 위한 3D 뷰어(R3f) 제작

- Zustand를 활용하여 프로젝트 전역 상태관리

- Nest.js를 이용하여 이메일, 구글, 디스코드를 통한 회원가입 및 로그인 인증 gateway 구현

- 배포를 위한 AWS, Nginx, Proxy 설정

사용기술: React, Typescript, React-query, React-three-fiber, Zustand, styled-components

배포 기술: AWS, Github Actions