a.button { -webkit-appearance: button; -moz-appearance: button; appearance: button; text-decoration: none; color: initial; } HTML-버튼에 링크 거는 방법HTML123<form action="http://goog
HTML 표 만들기Overview표 형식으로 데이터를 표현하는 것을 웹사이트에서 쉽게 찾아 볼 수 있습니다. 오늘은 그 표를 html 형식으로 어떻게 만드는지 알아보겠습니다.저의 차트에는 CSS가 미리 적용되어 있습니다. 만약 필요하시다면 아래의 ‘CSS 확인하기’를 클릭하여 확인해주세요. CSS 확인하기 1234567891011121314151617
Echarts 바차트 색상 변경오늘은 여러가지 색상으로 표현된 바차트를 그려보겠습니다. 혹시 Echarts 에 관해 잘 모르신다면 ECharts를 통해 5분안에 차트를 만들자!을 통해 기본적으로 만드는 법을 아셔도 좋습니다. Echarts를 통해 차트를 그리면 기본적으로 1가지 시르즈에 1가지 색상으로만 표현 할 수 있습니다.그리고 색상을 정하지 않아도 기
저번에는 Echarts를 설치한 후 Bar 차트를 간단하게 만들어 보았었습니다. 못 보신 분들은 아래의 링크를 클릭하여 주세요. ECharts를 통해 5분안에 차트를 만들자! 이번에는 Heatmap 차트를 만들어 볼 예정입니다! 간단한 차트 그리기차트를 그리기 전에, 우리는 DOM container를 준비해야합니다. 그리고 꼭 넓이와 높이를 지정해 주세
ECharts를 통해 5분안에 차트를 만들자!Echarts 에 있는 튜토리얼을 한글로 번역하였습니다. ECharts 다운로드우선, 아래의 방법 중 하나를 선택하여 다운로드 받습니다: official download page, 공식 홈페이지에서 다운로드 받습니다. 만약 모든 패키지를 다운받고 싶다면 the full minified version에 들어가 확
ECharts의 최대 최소값 설정!Echart를 사용해서 차트를 그리다 보면 최소 최대값이 자동으로 조절되는 것을 확인할 수 있습니다.하지만 자동으로 설정하는 것보다 원하는 값으로 변경할 수 있는 방법을 알려 드릴려고 합니다. Echarts를 잘 모르시는 분들은 ECharts를 통해 5분안에 차트를 만들자!을 확인한 후 보시면 이해가 더 편할겁니다. ECh
자바에러가 아래와 같이 발생한다면 [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을 최적화하는 것이 웹