업로드 로직 흐름 1) 을 활용해 엑셀 파일을 받아 왔다. 2) 업로드 버튼을 누르면 xlsx의 메소드들을 활용해 엑셀 파일을 json으로 파싱한다. 3) 변환한 json을 전달하여 createList 메소드를 호출한다. 4) createList는 등록하고자 하는 데이터들을 순회하면서 먼저 유효성 검사 validate(type)(data) 를 한다. 5) 유효성 검사를 통과하면 업로더를 사용하는 곳에서 받아온 create 함수를 호출한다. 6) 결과들은 createResult 배열에 저장한다. 저장 실패 or 유효성 검사 실패시 오류 사유를 담아놓는다. 7) 순회가 끝나면, 엑셀 업로드 결과를 보여주는 모달을 만든다. 모달에 createResult를 전달해서 업로드 결과, 실패 사유를 보여준다. // 2..

레이아웃 엑셀 업로드나 다운로드 기능만 따로 사용하고 싶을 수 있기 때문에 enable{Uploader or Downlaoder}를 통해 한 가지 기능만 사용할 수 있게 했다. 업로드를 위해 전체 다운로드 요청을 보내는 함수, 데이터 type, 생성을 위한 함수 등을 prop으로 받아와서 사용했다. export default function ExcelHandler({type, createParams, createParamsOrder, updateList, getFullListParams, restrictionMsg="", uploaderTitle=null, enableUploader = true, enableDownloader = true }) { return ( {enableUploader && } {..

1. 개요 보이스봇, 챗봇 저작 운영 서비스의 각종 데이터를 엑셀 파일을 활용해서 다운로드, 업로드 할 수 있는 공통 컴포넌트를 개발 2. 요구사항 정리 다운로드 1) 다운로드 버튼을 눌러 해당 데이터 전체를 다운로드할 수 있다. 2) 다운로드하고 싶은 속성을 개발자가 지정할 수 있다. ex) ["이름", "key", "최소값", "최대값"] 업로드 1) 엑셀 파일을 활용해 새 데이터들을 등록할 수 있다. 2) 엑셀 업로드 버튼 클릭시 모달이 보여지고 해당 모달은 업로드에 활용할 파일을 선택할 수 있고, 샘플 다운로드 버튼을 통해 엑셀 업로드 파일 양식을 다운로드 할 수 있다. 3) 업로드 후 결과를 사용자에게 보여준다. 이전 버전 2.0 서비스의 경우 엑셀 업로드, 다운로드 기능이 공통으로 존재하지 않..