shape

사내 어드민 시스템
MVP 모델 개발

프로젝트 설명

코드스테이츠 사내 어드민 시스템 개발.
부트캠프 수강을 신청 받고 수강생을 선발하는 과정을 위한 기능 개발

기술 스택

  • React.js
  • typescript
  • Storybook
  • Sass
  • GraphQL

참여인원

6명 (PM 1, PD 1, BE 1, FE 3)

기간

2022.04 ~ 2022.06

상세 내용

  1. 질문지 조회, 생성, 수정, 삭제 기능 구현
    • Apollo-client 이용, GraphQL로 통신하는 CRUD 구현
    • 공용 컴포넌트 개발 (Button, Select, Input, Checkbox, modal 등)
  2. 질문지 수정 시 자동 저장 기능 개발
    • n초마다 작업 내용을 Local Storage에 저장
    • 정상적인 방법으로 페이지 이탈 시 LocalStorage의 내용 삭제
    • 페이지 진입 시 Local Storage에 내용이 있는 경우, 자동 저장 내용 불러오기 여부를 물어보는 Modal 노출
    • React Ref 이용하여 SetInterval의 Callback 함수의 state 값 업데이트