앤트에서 개발팀 프론트엔드로 2023년 01월부터 ~ 2023년 06월까지 주도적으로 참여한 프로젝트
전임상 시험 시 연구를 데이터로 기록하고, 문서로 편리하게 관리할 수 있는 서비스
주요 성과
문서, 템플릿, 전자서명 기능을 개발하는 FE 개발자로 프로젝트에 참여
주요 기능으로 문서에서 시험 데이터를 연동하고 에디터에 입력하는 기능을 구현
초기에 검색 기능을 고려하지 않고 데이터 연동 기능을 잘못 구현하여 문제가 발생했으나, 구조를 재검토하여 FE에서 데이터를 받아와 원하는 형태로 변환하여 검색 기능을 성공적으로 구현
템플릿을 활용하여 문서 생성 시 입력된 데이터가 문서에 연동되도록 구조 설계 수행
법적으로 효력이 보장되는 문서를 위해 카카오 전자서명 API를 연동하여 관련 기능을 제공
React, TypeScript, Recoil, react-query, vanilla-extract 개발 환경
페이지
실 배포된 것만 가지고 왔습니다.
실 배포된 서비스 이후에 개발한 것이 많아 추후 업데이트 하겠습니다.
혹시나 보안적인 측면 때문에 의미없는 데이터로 진행합니다.
문서 기능
문서 생성, 검색, 수정, 삭제 등 모든 기능에 대해 구현했습니다.
Pagination, Filter, Table 등 전부 혼자 진행하여 외부 라이브러리 react-paginate, react-calendar, react-table을 사용하여 공식문서를 기반으로 구현했습니다.
데이터 연동
제가 가장 공을 많이 들인 데이터 연동 부분입니다. 이 부분은 추후 더 구현이 되었으며 디렉토리 형태로 구현한 이후 버전이 있으나 현재 실배포가 되지 않아 개발된 부분은 공개할 수 없습니다.
주요 기능으로 문서에서 시험 데이터를 연동하고 에디터에 입력하는 기능을 구현했습니다.
비 임상 시험을 쭉 진행을 하면서 데이터를 전부 모은 상태에서 문서를 작성하게 되는 경우가 많습니다. 따라서 데이터 연동 탭에 시험 데이터를 연동할 수 있도록 데이터를 가져와 사용자가 에디터에 입력할 수 있는 기능을 구현했습니다. 아래 예시를 보시면 프로젝트 명이 연동되어 있는데 나중에 문서를 작성할 때 프로젝트 명이 필요한데 뭐였지? 하는 상황에서 사용할 수 있습니다.
