react
-
[eCharts, React] 범례(legends) 클릭에 따라 eCharts 조작하기React 2022. 10. 15. 02:29
eCharts의 legendselectedchange event 를 활용하는 방법 interface iParams { name: string selected: Record type: string } const chartDom = document.getElementById('trend-multi-naver-chart') as HTMLElement const myChart = echarts.init(chartDom) myChart.on('legendselectchanged', (params: iParams) => { //'legendselectchanged' 이벤트가 발생했을 때 실행된다. changeSelectGraph(params) }) function changeSelectGraph(params: iP..
-
font displayReact 2022. 3. 9. 10:18
이건 next파다가 나온 이슈라서 얘를 react에 작성하는게 좀 거시기하지만.. better than nothing, right? 현재 진행하고 있는 next project에서는 정말 여러가지의 폰트를 필요로하는데, 이 모든걸 otf로 넣자니;;;; 이건 오바. 그래서 찾을 수 있는한(그리고 타협할 수 있는 최대치로) web font로의 교체를 진행했는데, 사내 테스트 결과 랜더링 속도가 이슈가 되었다. 따라서 프로젝트를 더 가볍게 깎아내려 이미지 폰트 쪽 손보기 + pwa 적용, 프리캐싱 등등 을 진행 중인데 여기서 웹폰트를 사용했을 때의 문제인 "폰트 안적용된채로 날 것의 내용이 보이다가 폰트 받은 후 적용내용으로 갑자기 바뀌기" 부분을 잘 설명해놓은 글을 찾았다. 텍스트를 랜더링하기 전에 브라우저..