Tech Stack

🛠 기술 스택 및 라이브러리

사용 기술 및 라이브러리	버전	적용 사항	선정 이유
axios	0.27.2	Promise 기반 HTTP 클라이언트	* Promise 기반으로 만들어졌기 때문에 데이터 처리가 용이 * 크로스 브라우징 최적화로 높은 브라우저 호환성
react-query	3	서버 페칭 상태 관리	* 서버 상태 업데이트 용이 * 동기적으로 서버 상태 관리가 가능 * 로딩 성능 최적화
react-router-dom	1.8.6	라우팅	* 리액트 환경에서 동작할 수 있는 여러 종류의 라우터 컴포넌트 사용 가능
react-spinners	0.13.4	전역 로딩 처리기	* 쿼리 로딩과 페칭 상태일 때, 유저에게 알맞은 UI를 제공하기 위함
typescript	4.4.2	정적 타입 명시	* 코드에 목적을 명시하고 목적에 맞지 않는 타입의 변수나 함수들에서 에러를 발생시켜 버그를 사전에 제거
sass	1.55.0	스타일 라이브러리	* 반복되는 스타일 코드들을 전역 스타일 변수로 관리
mui	5.10.2	아이콘 / pagination UI / tooltip	* 디자이너 부재 * 전역으로 통일된 디자인 UI가 필요
apexcharts	3.35.5	차트	* 공식 문서가 잘 되어 있고 개발 일정 상 빠르게 적용할 수 있는 차트 라이브러리가 필요 *다양한 차트 종류 제공과 커스텀이 용이하여 전체 UI와 일관된 디자인으로 적용 가능
react-csv	2.2.2	엑셀 파일	* 가장 최신 업데이트된 라이브러리
recoil	0.7.5	전역 상태 관리	* 직관적이면서 간단한 구조로 코드의 양은 매우 적음
react-aws-s3-typescript	1.1.4	aws-s3 버킷 연결	* 이미지 업로드로 사용하는 버킷 연결을 위해 'aws-sdk'를 설치하기엔 설치 파일이 너무 무거워 대체
react-quill	2.0.0	에디터 툴	* API 기반 디자인 덕분에 다른 텍스트 편집기 에서처럼 HTML이나 다른 DOM 트리를 구문 분석 할 필요가 없음 * 편집기 스타일링을위한 사전 설정으로 사용자 정의 콘텐츠 및 서식 지원 * 크로스 플랫폼 및 브라우저 지원
react-toastify	9.1.1	토스트 팝업	* 공통된 유저 전역에러 처리를 위한 토스트 팝업 라이브러리 선정