https://github.com/OseungKwon/pockets
서비스 소개
기존 브라우저의 북마크 기능에 불편함을 느끼고 개선하기 위해 만든 확장앱이다.
기여
- 개인 프로젝트로서, 기획 및 전체 코드 작성.
성장
- 브라우저 API를 이용해 확장앱 개발함.
- d3.js를 사용해 최다 방문 사이트 통계를 인터렉티브한 그래프로 나타내어 직관성과 상호작용성을 증가시킴.
- 프레임 드랍과 반복되는 로직을 메모제이션과 지연 로딩을 통해 long tesk 발생을 3회에서 0회로 줄임.
- 반복되는 로직과 코드 관리의 용이성을 위해 custom hook을 도입해 적극 사용하며 코드의 유지 보수성을 증가시킴
- 브라우저 API를 가져오는 과정에서 비동기 문제로 인해 배열 값이 업데이트 되지 않는 문제가 발생했고, Promise 처리를 통해 해당 비동기 문제를 해결함.
사이트 화면
