기술 특장점
협업 능력 향상 버그 방지
개발 과정에서 오류 인지하여 신뢰성 있는 개발을 할 수 있었습니다.
명시적인 타입을 알 수 있어, 팀원이 작성한 변수나 함수 등의 목적을 확실히 파악 할 수 있었습니다.
이러한 장점들로 JS만 사용할 때 보다 생산성을 높일 수 있었습니다.
생산성 빠른 Read, Write 속도 NoSQL Document DB
MongoDB의 빠른 Read, Write를 통해 응답 시간을 줄여 사용자 경험을 향상했습니다.
스키마리스인 특징으로 개발 과정 중 디비 구조를 유연하게 변경할 수 있어, 개발 생산성이 향상하였습니다.
독립적인 환경 팀원간 컴포넌트 공유
컴포넌트를 실제 화면에서 호출하지 않고, 렌더링 결과를 쉽게 확인할 수 있었습니다.
컴포넌트에 다양한 데이터를 부여하여 UI의 변화를 쉽게 확인하였습니다.
다른 팀원이 개발한 컴포넌트를 사용할 때, 스토리북을 참조하여 컴포넌트 사용법을 쉽게 파악하였습니다.
재사용성
페이지 구성에 필요한 컴포넌트를 재사용하여 생산성과 자원의 효율성을 높였습니다.
컴포넌트를 재사용하여 디자인을 일관성 있게 통일할 수 있었습니다.
컴포넌트에 CSS가 강하게 결합되어 있기 때문에 CSS를 훨씬 잘 관리할 수 있었습니다.
쉬운 상태 관리
여러 페이지에서 공통으로 사용하는 상태를 관리하기에 유용하였습니다.
러닝 커브가 낮고 사용이 간편해 기능 개발에 집중할 수 있었습니다.
state의 변화에 따른 특정 값을 캐싱하여 데이터를 활용할 수 있었습니다.
신뢰성 있는 사이트의 로그인 OAuth를 제공하여 사용자들의 편리성과 신뢰성을 높였습니다.
백엔드 요청 때마다 JWT의 유저 정보를 사용하여 유저 권한을 확인하였습니다.
필터링 정보를 세션 스토리지에 저장하여, 페이지 이동이나 새로 고침에도 필터링 결과를 유지하도록 하였습니다.
서버에서 받아온 가계부의 정보를 저장하여 새로 고침 시 API를 호출하지 않고, 가계부의 정보를 사용할 수 있도록 하였습니다.