토스뱅크 프론트엔드 24시간 과제 후기

Photo by POURIA 🦋 on Unsplash

저번주 주말에 토스뱅크 프론트엔드 24시간 과제에 참여했다.

과제 내용에 대한 구체적인 언급은 하면 안되기에 기술적으로 내가 부족했던 부분에 대한 후기를 남긴다.

 

과제 수행 요약

1. 17개의 커밋을 하고 과제를 마쳤다.
2. 주요 라이브러리는 아래 4개를 사용하였다.
   1. RHF(react hook form)
   2. react-query
   3. zustand
   4. zod

부족했던 부분

1. zod > safeParse 를 사용하여 api 를 통해 가져온 데이터를 검증하였고 에러처리를 하였는데, 에러가 발생했을 때 사용자에게 좀 더 자연스러운 UI 를 제공할 수 있는 방법이 없을까 하는 의문이 들었다.
2. src 구조를 크게 api, components, constants, hooks, schemas, stores, utils 로 구분하였는데, components 의 구조를 atomic design, container-presenter, wrapped 패턴 등으로  더 구체적으로 하지 못해서 아쉬웠다.
3. 다른 라이브러리에 비해 상대적으로 RHF 사용이 익숙하지 않고, 특히 controlled, unControlled 컴포넌트에 대한 이해도가 부족했던 부분도 아쉬웠다.

 

이번 과제를 통해서 그동안 내가 쌓아온 여러 스킬들을 사용해 볼 수 있어서 좋았고,

부족한 부분들도 알게되어서 좋았다.