kasumil의 코딩 공작소

HTML JS let decimalType = 1; function isNumberKey(evt) { let charCode = (evt.which) ? evt.which : event.keyCode; if (charCode != 46 && charCode > 31 && (charCode 57)) return true; // Textbox value let _value = event.srcElement.value; // 소수점(.)이 두번 이상 나오지 못하게 if(decimalType == '특정타입') { // 특정 타입의 경우 아예 입력 못하게 막기 if (charCode == 46) { return false; } } else { let _pattern0 = /^\..

해당부분으로 입력시 영어와 숫자만 입력되고 나머진 입력이 애초에 되지 않는다. 숫자와 점만 입력하게 하기 숫자만 입력하게 하기. 이상 끝.

EC2 - Elastic Compute Cloud 통칭 ec2. ecc인데 c가 두개 있다고 ec2로 호칭한다. RDS - Relational Database Service 무료 소스인 마리아DB를 AWS가 관리하는 데이터베이스 시스템. EBS - Elastic Block Store 그냥 저장공간 추가하기. EIS - Elastic IP 탄력적 IP라고 하여 EC2의 주소를 고정 아이피로 바꿔주는 기능.EC2를 꺼놓고, 해당 기능을 안 끄면 과금된다. Route53 - 도메인 이름 시스템(DNS)

const ctx = document.getElementById('lineGraph').getContext('2d'); let gradient = ctx.createLinearGradient(0, 0, 0, 400); gradient.addColorStop(0, 'rgba(25, 224, 167, 1)'); gradient.addColorStop(1, 'rgba(25, 224, 167, 0)'); const lineData = { labels: [1, 2, 3, 4, 5, 6, 7], datasets: [ { label: 'table', data: [0, 22, 45, 67, 77, 88, 100], backgroundColor : gradient, fill: true, borderColor : "#19..

차트.JS 옵션에 대한 설명서가 필요했는데, 그것을 깔끔하게 설명한 내용이 이어서 가져와봤다. Chart.js ver 3.0 이상 적용코드이다. 원래는 내용을 그대로 안가져오는 편이긴하나 가끔 원본 글을 삭제하거나 비공개 처리해서 해당 코드를 못 보는 경우가 있어 가져왔다. 1️⃣anchor - 데이터레이블의 위치 👉🏻영어로는 '닻을 내리다, 정박하다'이다. 즉 데이터레이블이 차트 축에서 얼마나 떨어져있는지 정한다. start: 차트에서 가장 가까이 있다. center: default값이고 차트에서 중간 거리만큼 떨어져있다. end: 차트에서 가장 멀리 떨어져있다. start - center - end 👉🏻차례대로 속성을 start, center, end로 줬을 때이다.(미세한 차이!) 2️⃣clamp ..

const ctx = document.getElementById('lineGraph').getContext('2d'); let gradient = ctx.createLinearGradient(0, 0, 0, 400); gradient.addColorStop(0, 'rgba(25, 224, 167, 1)'); gradient.addColorStop(1, 'rgba(25, 224, 167, 0)'); const lineData = { labels: ["January", "February", "March", "April", "May", "June", "July"], datasets: [ { label: 'Dataset', data: [ 5, 20, 45, 50, 60, 80, 150], backgroundCo..

const ctx = document.getElementById('lineGraph').getContext('2d'); let gradient = ctx.createLinearGradient(0, 0, 0, 400); gradient.addColorStop(0, 'rgba(25, 224, 167, 1)'); gradient.addColorStop(1, 'rgba(25, 224, 167, 0)'); const lineData = { labels: ['', "January", "February", "March", "April", "May", "June", "July", ''], datasets: [ { label: 'Dataset', data: [, 5, 20, 45, 50, 60, 80, 150], bac..

5,000.000 USDT Deposit 2022-09-28 Start 2022-09-28 2,600.000 USDT Expire 2022-09-28 /* step bar */ .stepbar { counter-reset: step; width: 100%; display: flex; align-items: center; justify-content: space-between; } .stepbar li { list-style: none; width: 32%; position: relative; text-align: center; cursor: pointer; margin-top: 1em; } .stepbar li:nth-child(1)::before { content: ""; width: 11px; hei..

회사 소개 사이트가 완성된지는 꽤 오래되었는데, 해당 사이트 최적화 이슈가 터졌다. 모바일은 너무 느리다고... 원인을 찾아보니 첫번째. 영상의 크기가 너무 컸다. 두번째. 영상의 로딩시 임시로 띄울 화면이 없었다.(poster 속성 미기재) 세번째. 이미지들이 너무 컸기에 문제가 있었다. 네번째. js와 css 호출하는 데 있어 blocking때문에 그러했다. 1번의 경우 영상이 50mb 이상의 파일을 2개이상이나 호출하고 있었다. 2. poster 속성의 이미지를 미기재 할 경우 load단계에서 동영상 다운로드 문제로 대역폭이 좁아져 자연스럽게 blocking이 된다. ㄴ poster를 기재하면, 일단 load단계에서 poster이미지를 호출하고, 브라우저 load작업이 끝나면, 그때부터 동영상을 호..

카카오 서버에 불나는 바람에 이전 글이 안 가져와지는데, 이전 글을 참고해서 기본코드를 작성한 후. 진행 할 것. 기존 작성된 코드는 context => 부분에서 index를 따로 가져와야 해서 이걸 반응형으로 고쳣더니 화면에 따라 테두리가 사라지는 버그가 있었다. 그러다가 겨우 찾았다. 정답은 index가 아닌 value 값을 통해 해당 line을 찾는 것이었다. 이러한 질문을 보고 원개발자가 해당 기능을 추가하겠다고 적었다. https://github.com/chartjs/Chart.js/issues/10007 Radar graph - grid customization · Issue #10007 · chartjs/Chart.js I'm using a Radar graph and I would like..