본문 바로가기

javascript

(78)
chartjs half doughnut 차트 만들기 chart.js로 차트 만들 때, 반드시 버전 확인하기. 최신버전 : 3.9.1 반틈 도넛 차트를 구현하기위해 구글링하다가 알게된 사실 : ( 버전확인!!!! ) 낮은 버전에서 circumference와 rotation의 값을 1 * Math.PI 이런식으로 줬던 모양인데 options: { rotation: 1 * Math.PI, circumference: 1 * Math.PI, } https://www.chartjs.org/docs/3.9.1/charts/doughnut.html#pie Doughnut and Pie Charts | Chart.js Doughnut and Pie Charts Pie and doughnut charts are probably the most commonly used ch..
jQuery set CSS background opacity jQuery css background opacity https://stackoverflow.com/questions/19663427/jquery-set-css-background-opacity jQuery set CSS background opacity I have a whose transparency of its background-color (and not its contents) I'd like to change. A remote API sends me this colour: #abcdef and I tell jQuery (1.9) to apply this colour ... stackoverflow.com 3가지 방법 정리한 것 https://codepen.io/keepgoing-noah/pen..
w2ui grid cell background-color 배경색상 변경 w2ui grid cell background-color 배경색상 변경 방법. 엄청 오래걸렸음. 해결해서 다행. $('#grid').w2grid({ name: 'grid', columns: [ { recid:1, field: 'fname', text: 'First Name', size: '30%' }, { recid:2, field: 'lname', text: 'Last Name', size: '70%' }, { recid:3, field: 'sdate', text: 'Dates', size: '120px', attr: "align=center" } ], records: [ {recid: 1, fname:'kim', lname:'LastName', sdate:'2022-05-30', w2ui : { 's..
자바스크립트 객체 속성 추가 Object.defineProperty 자바스크립트 객체에 속성 추가하기. Object.defineProerty() let sampleObj = [ {id:1, name:'kangAgee', key:183 }, {id:2, name:'GoyangE', key:171 }, {id:3, name:'toKi', key:169 }, ]; for(let i=0; i
JSON 이란 JSON 애플리케이션 간 객체 데이터를 주고 받을 수 있는 경량 텍스트 포맷이다. JSON은 객체, 배열 리터럴을 자바스크립트 문법으로 표현하는데 다음과 같은 제약 사항이 따른다. - 객체 리터럴, 배열 리터럴, 문자열, 소수점 숫자, true, false, null 을 값으로 사용한다. - 모든 무자열은 작은 따옴표가 아닌 큰 따옴표로 구분한다. - 모든 프로퍼티 이름은 큰 따옴표로 구분한다. - 맨 끝에 쉼표를 붙일 수 없으며 요소를 생략 할 수 없다.
자바스크립트 다섯 가지 황금 규칙 1. var대신 let이나 const 변수를 선언한다. 2. 엄격 모드 strict mode를 사용한다. 3. 형식을 확인하고 자동 형변환(automatic type conversion )을 피한다. 4. 프로토타입을 이해하더라도 최신 클래스와 생성자, 문법을 사용한다. 생성자나 메서드 밖에서는 this를 사용하지 않는다. 출처 : 무던한 개발자를 위한 모던한 자바스크립트
jQuery after if문 if(type == '2') { let selectOption = ''; selectOption += ''; selectOption +=`옵션 선택1`; selectOption +=`옵션 선택2`; selectOption +=`옵션 선택3`; selectOption +=''; $("#selectType60").after(selectOption); } else { } if(type == '2'){ $('#unxp_knd').css({'display':'inline-block'}); } else { $('#unxp_knd').css({'display':'none'}); } switch(type){ case "강아지" : return console.log("강아지"); case "고양이" : return co..
자바스크립트 객체 javascript Object 객체는 여러가지 값이나 복잡한 값을 나타낼 수 있으며, 변할 수도 있습니다. 객체의 본질은 컨테이너입니다. 컨테이너의 내용물은 시간이 지나면서 바뀔 수 있지만, 내용물이 바뀐다고 컨테이너가 바뀌는 건 아닙니다. 즉, 여전히 같은 객체입니다. 객체에도 중괄호 { }를 사용하는 리터럴 문법이 있습니다. 중괄호는 한쌍이므로 객체가 어디서 시작하고 어디에서 끝나는지 나타낼 수 있습니다. 객체의 컨텐츠는 프로퍼티property 또는 멤버member라고 부릅니다. 프로퍼티는 키와 값으로 구성됩니다. 프로퍼티 이름은 반드시 문자열 또는 심볼어야 하며, 값은 어떤 타입이든 상관없고 다른 객체여도 괜찮습니다. obj에 color 프로퍼티를 추가합시다. const obj = {} // 빈 객체 obj.color = "ye..