Figma -> React 프로젝트 대쉬보드 퍼블리싱

 

피그마 community에서 본 dashboard 디자인을 리액트로 퍼블리싱했습니다.

 

 

개발 포인트는 네비게이션바 아래 오른쪽에 위치한 테마 변경 버튼과

 

active deposits와 closed deposits를 하나의 컴포넌트로 작성후 재사용했다는 것입니다.

그리고 내부 요소들 또한 하나의 컴포넌트로 만들어졌고 모두 재사용되었습니다.

 

 

 

깃허브 저장소 : https://github.com/jdy0120/frontendproject/tree/master/depositespage

GitHub - jdy0120/frontendproject

 

 

 

active deposits과 closed deposits를 출력하는 컴포넌트입니다.

 

deposit안에 있는 요소들을 출력해주는 컴포넌트입니다.