미리보기

Tnote는 교사들의 업무 효율을 높이기 위해 스케줄 정리 툴을 제공하는 교사 업무 기록 서비스입니다.
*해당 서비스는 실제 운영을 앞두고 지속적인 모니터링을 통해 수정사항과 보완점을 찾아 개선 중입니다.
GitHub: https://github.com/T-Notes/Tnote-FrontEnd

기능 구현

• 프론트엔드 개발:
  • 피그마 디자인을 실제 웹 화면으로 구현.
  • QA와 사용자 테스트를 통해 UI/UX를 지속적으로 개선.
• 캘린더 구현:
  • 스케줄 저장 기능을 반영한 캘린더 구현.
• 모달 관리:
  • 모달들이 배열에 스택처럼 쌓이도록 구현.
  • 최상위 모달을 제외한 나머지 모달들을 자동으로 닫아 동시에 열려있는 모달이 없도록 처리.
• 배포:
  • AWS를 사용하여 웹 사이트 배포.

코드 개선

• 빌드 속도 향상:
  • 빌드 속도를 개선하기 위해 Vite로 마이그레이션하여 빌드 시간을 58초에서 32초로 줄였습니다.
• 공통 컴포넌트 제작:
  • 드롭다운과 모달 레이아웃을 공통 컴포넌트로 제작하여 재사용성 향상.
• 반복 코드 제거:
  • useHook을 사용하여 반복 코드를 제거하고 코드 효율성 향상.

협업

• 다양한 직군과의 협업:

  • UI/UX 디자이너, Product 디자이너, 기획자와 함께 팀 프로젝트 진행.
  • 노션을 통해 QA와 전체 일정을 공유하며 팀 의사소통 툴로 사용

• 개발자 회의:

  • 주 1회 개발자 회의를 통해 개발 일정 공유 및 문제 해결.

• QA 진행:

  • 전체 회의를 통해 QA를 진행, 완성도 높은 결과물 제작에 집중.

• 사용성 테스트:

  • 사용성 테스트 기간을 일주일 동안 진행하여 사용자 경험을 고려한 개선 작업 수행.

**Book Village는 도서 무료 나눔 서비스입니다. **
GitHub: https://github.com/codestates-seb/seb41_main_015

• 도서 업로드 화면의 댓글 CRUD 및 공통 컴포넌트화
• 반응형 웹 디자인
• refresh Token을 통해 access Token 갱신요청하는 로직 작성
• 페이지네이션 구현
• 프론트엔드 팀원들과 회의를 통해 Figma를 이용한 사이트 디자인