블로그 이름을 입력해주세요

JS를 사용하는 프론트 개발자들이 한번 쯤 들어봤을 유명한 차트 라이브러리인 echarts를 회사 요구사항에 맞춰 사용해 보았다 그 중 line chart를 만들어 보았다 다양한 차트의 종류는 공식 doc를 통해 확인 할 수 있다 https://echarts.apache.org/examples/en/index.html Examples - Apache ECharts echarts.apache.org Javascript Reactinstallnpm install echarts echarts-for-react LineChart.js// LineChart.jsimport React from 'react';import ReactECharts from 'echarts-for-react';c..

들어가면서"검색엔진의 검색은 페이지의 콘텐츠를 파악하기 위해 노력하고 있습니다 페이지에 구조화된 데이터를 포함하면 페이지 의미에 관한 확실한 단서를 제공하여 내용을 파악하는데 도움이 됩니다구조화된 데이터는 페이지에 관한 정보를 제공하고 페이지 콘텐츠를 분류하기 위한 표준화된 형식으로 예를 들어 레시피 페이지의 경우 재료, 조리 시간, 온도, 칼로리 등이 여기에 해당합니다" - 구글의 구조화된 데이터에 관한 설명 중 -왜 페이지에 구조화된 데이터를 추가하나?구조화된 데이터를 추가하면 사용자에게 더욱 눈길을 끄는 검색결과를 제공하여 웹사이트와 더 많이 상호작용하도록 유도할 수 있으며, 이를 리치 결과라고 한다 사이트에 구조화된 데이터를 구현한 웹사이트의 우수사례를 살펴보면 다음과 같다.Rotten Tomat..