- 기간
- 2023.07 – 2024.02
- 역할
- 프론트엔드 팀장, 기획 참여
- 팀
- 대학 연합 창업동아리 크루베이션
- 기술
- React
- JavaScript
- Redux Toolkit
- styled-components
배경
교사는 학생마다 생활기록부 문장을 직접 써야 하고, 학생별 과제와 시험, 점수 관리까지 함께 해야 합니다.
Notelass는 키워드를 고르면 AI가 생활기록부 문장을 완성하고, 과제와 학습 진도를 한곳에서 관리하는 서비스입니다.
맡은 일
- 교사: 생활기록부 작성, 과제와 시험, 점수 관리, 공지 화면
- 학생: 그룹 입장, 자료와 과제 풀이, 질문 화면
- 프론트엔드 팀장으로 디자인 시스템 구축, 컴포넌트 구조와 코드 리뷰 기준 정리
핵심 결정
결정 1
기능을 더 만들기 전에 공통 컴포넌트부터 정리했습니다
- 상황
- 초기에는 기능을 빠르게 만드는 데 집중하다 보니 같은 기능도 사람마다 작성 방식이 달랐고, 수정할 때마다 충돌이 반복됐습니다.
- 선택
- 디자인 시스템을 만들고 Atomic 디자인 패턴으로 컴포넌트를 작은 단위부터 나눴습니다. PR 리뷰 기준을 정해 합의된 방식으로 개발을 이어갔습니다.
- 이유와 결과
- 기준이 생긴 뒤로는 같은 버튼을 두 번 만들거나 화면마다 스타일이 어긋나는 일이 줄었습니다.
화면
결과
- 성균관대학교 창업경진대회 1위, 아주대학교 창업경진대회 2위, G-HOP 대학창업연합 경진대회 대상을 받고 예비창업패키지에 선정됐습니다.
- 학업을 위해 팀을 떠날 때 코드 구조와 컴포넌트 규칙을 문서로 정리해 인수인계했습니다.