GOD동하님의 블로그

Excel Data를 업로드 하는 방식 외에 간단하게 Copy & Paste 로 JSON Data 를 생성해주는 방식을 소개합니다. 기본적으로 Excel에 있는 Data를 Copy 하면 행 구분은 탭 구분자 ('\t') 로 되어 있습니다. 아래 Script 부분에서 볼 수 있듯이 탭 으로 파싱해서 json data 형태로 만드는 방식입니다. Template 부분 clipboard 에 있는 Data를 붙여넣기 할 수 있게 textarea 태그를 사용합니다. 1 Script 부분 textarea로 붙여넣은 data를 parsing 해서 json data로 추가하는 부분입니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 handler() { if..

요즘엔 브라우저도 성능이 좋아져서 Excel을 Parsing 하는걸 서버에 맡기지 않고 웹상에서 처리를 많이 합니다. Excel 파일을 업로드해서 Parsing 하는 코드를 알아보겠습니다. xlsx 모듈 설치 npm install xlsx 태그 추가 기본 input tag의 file 타입으로 업로드 했을때 입니다. 기본 허용하는 mime-type은 xlsx 로 아래와 같이 설정하면 됩니다. 1 Script 추가 methods 영역에 추가하시면 됩니다. 여기서 parsing해서 items 변수에 json data로 저장을 하는 코드입니다. items를 활용해서 table의 입력값으로 활용할 수 도 있습니다. 아래 reader.onload 에서 data를 얻어오는 부분은 둘 중 하나로 하시면 됩니다. 1 2..