[원티드 프리온보딩 프론트엔드][2주차 1차 과제] - 요청 대시보드 만들기

프로젝트 코드를 보시려면..
👉 깃허브 바로가기

📘 기본 구현 사항

먼저, 기본 구현 사항을 정리하면 다음과 같다.
견적 요청 카드를 정해진 기준에 따라 필터링하여 노출하고,
반응형 및 사이드바를 구현하는 것이 주요 내용이었다.

구현 사항 자체는 그리 어렵지 않았습니다.
중요한 건 언어!

카드 불러오기	토글 필터링
체크박스 필터링	사이드바

📘 사용 언어

자바스크립트를 사용했던 지난 과제와 달리 이번 프로젝트에서는 처음으로 타입스크립트를 사용했다.

이전에 타입스크립트를 공부해본 적도, 사용해본 적도 없었기 때문에 과제 시작전 틈나는대로 최대한 공부했지만 평소보다 긴장감과 부담감을 갖고 임했다.
약 하루 동안 다른 3명의 팀원분들과 함께 빠르게 완성해야 하는 프로젝트인만큼 나 역시 팀원으로서 제 몫을 하면서 도움이 되고 싶었다.

사용한 타입 코드와 공부한 타입스크립트 내용은 다음의 포스팅에 정리해두었다.
👉 포스팅 보러가기

이번 과제의 주요 구현 사항은 다음과 같다.

• 필터링 기능
• mock rest-api server를 활용한 데이터 관리

📘 Redux Toolkit 도전

리덕스를 이용한 전역 상태관리 도전

과제의 구현사항에는 포함되지 않았지만 추가적으로 리덕스 툴킷을 사용한 전역 상태관리를 시도했습니다. 개인적으로 리덕스를 공부해보긴 했지만 능숙하게 사용하지 못했고, 팀 프로젝트에서 사용해보지 않았기 때문에 도전적이더라도 꼭 도입해 배워가고자 했다.

왜 리덕스 툴킷을 사용했을까?

• 리덕스 툴킷이 프로젝트 규모에 맞게 보일러플레이트 코드가 적고,
• 공식문서에서도 사용을 권장하고 있으며,
• 리덕스보다 많이 사용하는 추세였기 때문이다.

리덕스 툴킷을 사용한 프로젝트 코드와 관련 내용은 아래 포스팅에 정리해두었습니다.
👉 포스팅 보러가기