ECharts의 최대 최소값 설정!Echart를 사용해서 차트를 그리다 보면 최소 최대값이 자동으로 조절되는 것을 확인할 수 있습니다.하지만 자동으로 설정하는 것보다 원하는 값으로 변경할 수 있는 방법을 알려 드릴려고 합니다. Echarts를 잘 모르시는 분들은 ECharts를 통해 5분안에 차트를 만들자!을 확인한 후 보시면 이해가 더 편할겁니다. ECh
ECharts를 통해 5분안에 차트를 만들자!Echarts 에 있는 튜토리얼을 한글로 번역하였습니다. ECharts 다운로드우선, 아래의 방법 중 하나를 선택하여 다운로드 받습니다: official download page, 공식 홈페이지에서 다운로드 받습니다. 만약 모든 패키지를 다운받고 싶다면 the full minified version에 들어가 확
Echarts 바차트 색상 변경오늘은 여러가지 색상으로 표현된 바차트를 그려보겠습니다. 혹시 Echarts 에 관해 잘 모르신다면 ECharts를 통해 5분안에 차트를 만들자!을 통해 기본적으로 만드는 법을 아셔도 좋습니다. Echarts를 통해 차트를 그리면 기본적으로 1가지 시르즈에 1가지 색상으로만 표현 할 수 있습니다.그리고 색상을 정하지 않아도 기
저번에는 Echarts를 설치한 후 Bar 차트를 간단하게 만들어 보았었습니다. 못 보신 분들은 아래의 링크를 클릭하여 주세요. ECharts를 통해 5분안에 차트를 만들자! 이번에는 Heatmap 차트를 만들어 볼 예정입니다! 간단한 차트 그리기차트를 그리기 전에, 우리는 DOM container를 준비해야합니다. 그리고 꼭 넓이와 높이를 지정해 주세
자바에러가 아래와 같이 발생한다면 [error]The content of elements must consist of well-formed character data or markup. 쿼리문을 확인할 필요가 있습니다. XML에서는 < 부등호를 TAG로 인식하기 때문에 “The content of elements must consist of wel
jQuery에서 필수적으로 사용하게 되는 셀렉터! 에 대해 알아보겠습니다. 버튼 셀렉터 :button Selector jQuery( “:button” )Selects all button elements and elements of type button.타입이 button인 모든 요소를 선택합니다. 체크박스 셀렉터 :checkbox Selector
jQuery에서 필수적으로 사용하게 되는 셀렉터! 에 대해 알아보겠습니다. 모든 셀렉터 All Selector (“*”) jQuery( “*” )Selects all elements.모든 요소를 선택합니다. 속성 프리픽스 셀렉터 Prefix Selector [name|=”value”] jQuery( “[attribute|=’value’]” )Sel
(jQuery) 테이블 행 추가, 삭제 / 랜덤함수 이용 테이블의 행을 추가한 후 선택한 행을 삭제해 보겠습니다. 결과를 확인하고 싶으시면 아래의 Result 버튼을 클릭하면 됩니다. 좀 더 자세히 보자면 랜덤 함수를 통해 정수 값을 구했습니다. 1234var randomInt = Math.floor(Math.random() * 100); // 0부
HTML을 통한 다국어 웹사이트 만들기다국어 웹사이트는 다양한 언어를 사용하는 글로벌 사용자들에게 보다 나은 경험을 제공할 수 있는 중요한 요소입니다. 특히, HTML을 사용하여 여러 언어를 지원하는 웹사이트를 구축하면, 사용자의 지역적 차이를 넘어 다양한 문화와 언어
HTML의 보안 문제와 예방 방법웹 개발에서 보안은 매우 중요한 이슈입니다. 특히 HTML은 웹 페이지의 구조를 정의하는 언어로, 웹 보안의 첫 번째 방어선 역할을 합니다. HTML 문서에서 발생할 수 있는 보안 취약점은 종종 JavaScript나 서버 사이드 코드와
HTML 문서의 최신 트렌드와 도구웹 개발은 빠르게 발전하는 분야입니다. 특히 HTML은 웹 페이지의 구조를 정의하는 가장 기본적인 언어로, 새로운 기능과 트렌드가 계속해서 도입되고 있습니다. 이러한 변화는 웹 페이지의 성능을 향상시키고, 개발자들의 작업을 더 효율적으
HTML Lazy Loading: 정의와 활용법Lazy Loading(지연 로딩)은 웹 페이지에서 이미지, 비디오, 스크립트, 또는 기타 리소스를 사용자가 실제로 필요로 할 때까지 로드하지 않고, 나중에 로드하는 기법을 의미합니다. 이 기술을 사용하면 웹 페이지 초기
웹 성능 최적화는 현대 웹 개발에서 매우 중요한 요소입니다. 페이지 로딩 속도는 사용자 경험에 큰 영향을 미치며, 검색엔진 최적화(SEO)에도 중요한 역할을 합니다. 특히, HTML은 웹 페이지의 구조를 정의하는 핵심적인 역할을 하므로, HTML을 최적화하는 것이 웹