shape

사내 어드민 시스템
고도화 작업

프로젝트 설명

코드스테이츠 사내 어드민 시스템 개발.
부트캠프 수강 신청서를 입력된 기준에 따라 자동으로 심사하는 기능 개발

기술 스택

  • React.js
  • typescript
  • Tanstack-query
  • Zustand
  • Storybook
  • Sass

참여인원

7명 (PM 1, PD 1, BE 1, FE 4)

기간

2022.09 ~ 2023.02

상세 내용

  1. 서버 언어 및 통신 방법 변경에 따른, 데이터 통신 관련 코드 리팩토링
    • 통신 방식이 GraphQL에서 REST APIs로 변경되어, Apollo-Client를 React-Query로, Apollo Codegen을 Openapi-typescript-codegen(api 통신 함수 자동 생성, api 데이터의 타입 정의 자동 생성)로 대체
    • 라이브러리 설치 후 configuration 작업 담당. 팀원들에게 간단한 사용 방법 및 예시 코드 정리하여 공유
  2. 심사 기준 에디터 개발
    • 중첩된 Form Field 배열 UI 구현, zustand 이용하여 각 기준의 상태 관리
    • 각 심사 기준을 Logic이라는 타입의 Object로 store에 저장, Logic에 대한 CRUD 기능을 하는 dispatcher를 작성 (immer.js 활용하여 불변성 보장하며 Object의 값 수정)