[React] xlsx library 사용 시 모바일 기기 (ios/android) 엑셀 파일 안열리는 오류 해결법 (+ 엑셀 확장자)

Intro 

안녕하세요. react 에서 xlsx 라이브러리를 사용하여 엑셀 다운로드 가능을 구현했는데요, 웹앱이여서 PC 브라우저에서만 테스트 해보고, 실제 ios / android 에서는 테스를 해보지 못했습니다. 

 

당연히 PC 브라우저에서 엑셀 파일이 잘 다운받아지고, 잘 열러서 동작이 잘 될거라고 생각했어요. 하지만, 실제 모바일 기기에서 테스트 해보니 엑셀 파일 다운은 되는데, 열리지가 않더라고요. 

 

원인이 무엇일까 고민하며 구글링을 해봤습니다. 

 

How to solve the problem

기존에 저는 아래와 같이 확장자를 xlsx을 사용였는데요, 

XLSX.writeFile (wb,"sample.xlsx ");

 

이렇게 확장자를 xls로 바꾸고, 모바일에서 테스트 해보니 잘 열리더라고요. 

XLSX.writeFile (wb, 'sample.xls')

 

참고로 XLS는 Excel 2003 이전 버전에서 생성된 파일,  XLSX는 Excel 2007 이후 버전에서 생성된 파일이라고 합니다. 확장자가 그리 중요하지 않아서,  우선 저는 이런 방식으로 해결했습니다. 

 

혹시 다른 해결법을 아시는 분들은 댓글 남겨주세요 :)

 

---

https://github.com/SheetJS/sheetjs/issues/1692