사내 사업 분야 소셜 모니터링, 캐릭터 사업 등 웹 프론트엔드 개발을 담당했습니다.
Niz
sns 데이터 분석 서비스
Stack - ( typescript, react-hooks, react, scss, chart-js, i18n, storybook )
전체 페이지 개발
초창기 리뉴얼 전 화면부터 최신 서비스 까지의 전체화면 개발을 진행했습니다.
스토리북 도입 전엔 디자인 변경, 리뉴얼마다 난항을 겪었지만 디자인시스템 도입 후 효율적인 협업을 도모할 수 있었습니다.
다양한 대량의 데이터 형태의 api 전송 및 계정 권한 분리 작업
다양한 형태의 분석 데이터 api 연결과 대량의 데이터를 효율적으로 표현했습니다.
대량의 데이터를 다양한 형태로 보여주는 과정에서 virturalized 를 사용하며 최적화에도 관심을 갖게 되었습니다.
서비스 전체 컴포넌트 개발 및 스토리북 구현 및 스토리북 내 협업 모듈 개발
서비스에서 사용하는 간단한 형태의 버튼,인풋 등 기본 컴포넌트부터 캘린더, 다양한 형태의 모달 등
대부분 라이브러리를 사용하지않고 직접 디자인에 맞는 형태로 개발했습니다.
디자인, 기능 상으로 라이브러리에 한계를 느껴 직접 복잡하고 다양한 형태의 컴포넌트를 개발하며
더 나은 형태와 기능의 컴포넌트를 구현할 수 있는 능력을 키울 수 있었습니다.
apex-chart , chart.js, canvas 기반 차트 구현
차트 라이브러리를 디자인에 맞게 수정해서 사용하거나 canvas로 직접 구현하고 컴포넌트 단위로 개발했습니다.
다양한 형태의 차트를 다루면서 툴팁부터 차트의 세세한 부분까지 자유롭게 차트를 원하는 형태로 수정할 수 있게 되었습니다.
mysterico 회사 소개 랜딩 페이지
https://mysterico.com
stack - ( typescript , next.js , tailwind , framer-motion )
전체 페이지 개발
모바일 뷰를 포함한 간단한 애니매이션과 전체 페이지 개발을 맡아 진행했습니다.
라떼 스트릿
https://latte-street.com - 서비스 종료
- ts,gsap 애니메이션 위주 랜딩 페이지 개발
https://beta.latte-street.com - 서비스 종료
캐릭터 사업 랜딩 페이지 개발
- next.js 기반 프론트엔드 작업
- scrollMagic 스크롤 애니메이션 구현
- 전체 페이지 개발
소셜 모니터링 랜딩페이지 - 서비스 종료
[latte.ai](http://latte.ai)
라떼 ai 랜딩 페이지 개발
Stack - ( typescript, react-hooks, react, scss, firebase )
- 페이지, 컴포넌트 개발 및 스토리북 구현
더보기