홍장군의 기록

0. 참고라이브러리: react, typescript, chart.js 3.9.1버전, react-chartjs-2 4.3.1버전 (실시간 스트리밍 기능 써야 해서 일부러 chart.js는 latest말고 낮은 버전을 쓰는 중)웹 배포 환경: firebase hosting컴퓨터: window 11, 크롬1. 배경chart.js, react-chartjs-2 라이브러리를 사용해 그래프를 화면에 보여줘야 했다.처음엔 bar 그래프만 보이면 돼서, 대충 만들어 쓰다가 그 위에 scatter 그래프를 추가해야 했어서 mixed chart로 수정한 후 웹을 배포했다.그런데 갑자기 공백 창이 뜨면서 "scatter is not a registered element" 에러가 뜨기 시작했다. 분명 내 로컬 환경에선 문..

0. 배경나는 웹 호스팅할 때 파이어베이스를 쓴다.근데 한 프로젝트에다가 하나의 파이어베이스 웹 콘텐츠를 연결해서 호스팅하는 건 쉬운데, 두 개 이상의 사이트에 호스팅해야 할 일이 생겼다.단순히 하나의 build 파일을 두 개의 사이트 각각에 똑같이 배포하는 게 아니라, (1) .env.development 가 적용된 dev 용 build 파일을 만들고 이걸 dev-website 에 배포하기, (2) .env.production 이 적용된 prod 용 build 파일을 만들고 이걸 production-website에 배포하기. -> 이렇게 dev용, prod용 환경을 따로따로 만들고 각 사이트에 배포해야 하는 것이다.따라서 이번 포스팅에선 .env.development, .env.production 각 ..