오래전에 NodeJS 환경에서 엑셀에 차트 포함시키는 방법에 대해서 포스팅을 올린적이 있었다. 오랜만에 블로그에 들어와보니 기대이상의 조회수가 나와서(정말 기록용있었는데..) 나와 같은 고민을 하는 사람들이 있나 싶어 이번에는 조금 구체적인 내용으로 정리를 해보려고 한다. 1. 개요 - NodeJS에서 엑셀을 만드는 건 가능! - xlsx-chart 모듈로 차트를 만드는 것도 가능! - 그러나 Raw 데이터랑 같은 파일에 차트를 만드는건 불가능,,, (보고서 만드는 용이면 당연히 차트랑 테이블이 같이 있어야되는거 아니예요? 왜 차트만 또르륵 나오는지 노이해) 2. 본론 내가 한 방법은 한 마디로 정리하면, "구글 API로 구글 드라이브에 엑셀 파일 하나 만들고, Raw데이터만 있는 시트를 만들고, 그 시..
이제는 EC2 번식에서 Docker Container 번식으로 넘어갈 시기가 되니 매번 사용했던 패턴들을 추억으로 남기기 위해 작성한다. 1. 우분투에 nginx 설치하고 링크 파일 심볼릭 걸기 sudo apt-get install nginx nginx -v // 센스챙기기 cd /etc/nginx/sites-available sudo rm default // 하나하나 지우는게 싫어서 없애고 새로 만들기 sudo vi xxx.conf cd /etc/nginx/sites-enabled // 심볼릭 sudo ln -s /etc/nginx/sites-available/xxx.conf /etc/nginx/sites-enabled/ sudo service nginx restart // xxx.conf server..
회사에서 Dark Sky 서비스를 이용하다가 서비스 종료 된다는 사실을 알게됐다. 백엔드 엔지니어 동료분이 기상청 API로 새벽까지 수정해서 작업해주셨는데, 화면에서 총 16개 지역의 최저, 최고 기온을 알려줘야하다보니 백단에서 기상청 API을 16번 호출해야한다. 그러다보니 약 8초정도 되는 어마어마한 대기시간을 그냥 둘 수가 없어서 express 서버 하나 만들어 소캣 통신도 되고, Redis Cache도 사용할 수 있도록 CRA 구조에 추가했다. (소캣은 모든 브라우저에서 애니메이션 일시 중지를 해야되는 요건때문에 추가했다.) 1. 로컬(서버)에 Redis Server 설치, 서비스 시작하기 brew install redis brew services start redis 2. script 추가하기 ..
Beter 프로젝트를 진행하면서 Typescript와 NextJS을 너무 모르고하다보니 진전이 잘 안됐다. 그래서 미니 프로젝트를 만들어 먼저 스터디를 진행하고 이어서 개발하기로 했다. 미니 프로젝트는 Markdown 문서(MD 파일)를 Html로 변경하고 웹 에디터에서 수정하면 워드파일 다운로드 받을 수 있는 Converting 프로젝트이다. 회사에서 노션을 사용하는데 프로그램 설계서를 어떻게 하면 귀찮은 복붙작업없이 바로 워드 문서로 만들수 있을까 고민하다가 찾아보니 MD 파일을 업로드하면 워드 파일로 변환해주는 사이트를 찾았다. 그런데 한번에 여러 파일을 업로드하면 내용을 합쳐줄주 알았는데 아니였다. 변환을 한다고해도 복붙을 해야된다면 굳이 변환하는게 의미 없는 것 같아서 내가 만들어야겠다 싶었다...
React 환경에서 화면을 만들고 html2canvas, jsPDF 모듈로 이미지를 PDF 파일로 만드는 작업을 했다. 이전에도 많이 했던 작업이었는데, 처음으로 격은 난관이라 기록하려고 한다. html2canvas로 canvas 객체를 만들어 이미지를 만든 후 화면에 뿌려 확인해보니 Material-UI로 만든 체크박스가 안보였다. 계속 구글링해서 찾아보니 SVG의 문제였다. Canvas을 만들면서 svg을 처리하지 못하는 모양이다. 그래서 html2canvas 옵션을 확인해 적용해봤지만 영향을 주지 않았다. 방법은 Material-UI Checkbox props 명세를 보면 icon, checedIcon이 있다. 이 두개의 props에 이미지 컴포넌트를 넘겨서 해결했다. 직접적인 해결 방법이 아닌것 ..
