본문 바로가기
반응형

전체 글65

코딩 테스트 1 일차 백준으로 코딩 테스트 시작 했습니다. 백준 감 익히기 1. 첫 문제 : Hello World!를 출력하시오. 제출한 답 : Node console.log("Hello World!"); 2. 준하는 사이트에 회원가입을 하다가 joonas라는 아이디가 이미 존재하는 것을 보고 놀랐다. 준하는 놀람을 ??!로 표현한다. 준하가 가입하려고 하는 사이트에 이미 존재하는 아이디가 주어졌을 때, 놀람을 표현하는 프로그램을 작성하시오. - 입력을 어떻게 받지? Node 콘솔로 입력 받는 방법 const readline = require("readline"); const rl = readline.createInterface({ input: process.stdin, output: process.stdout }); rl... 2024. 4. 18.
MySql 긴 글을 저장할때 TEXT를 사용했는데 Data too long for column 이 떴어요 MySQL 에서 글을 저장할때 각 크기와 문자의 길이에 따라 저장이 되기도 하고 "Data too long for column" 이라는 에러가 반환되기도 합니다. 각각의 유형은 저장할 수 있는 데이터의 크기에 제한을 둡니다. Data too long for column 에러가 발생하면 데이터가 허용된 크기보다 크기 때문입니다. 문자열 종류와 크기가 어떻게 될까요? CHAR 최대 길이는 255 입니다. VARCHAR 최대 길이는 65,535 입니다. TEXT 최대 65,535 (2^16 - 1) 문자를 저장할 수 있는 BLOB 타입입니다. MEDIUMTEXT 최대 16,777,215 (2^24 - 1) 문자를 저장할 수 있는 BL.. 2024. 4. 15.
Chart.js에서 Min/Max를 활용한 Zoom In/Out 기능 구현하기 이번 포스트에서는 Chart.js의 min/max 설정을 활용하여 차트에서 Zoom In/Out 기능을 구현하는 방법을 자세히 다룰 것입니다. 이 기능은 사용자가 차트의 특정 부분을 더 자세히 보거나, 전체적인 관점에서 데이터를 확인할 수 있게 해줍니다. X축과 Y축에 Min/Max 적용하기 차트의 options에 있는 scales 설정을 통해, 우리는 차트의 X축과 Y축 각각에 대해 초기 확대 범위를 설정할 수 있습니다. 이는 차트가 로드될 때 사용자에게 보여질 데이터의 구간을 세밀하게 조정하는 데 사용됩니다. options: { scales: { y: { min: 10, // Y축의 최소값 설정 max: 50, // Y축의 최대값 설정 }, x: { min: 2, // X축의 최소값 설정 max: 3.. 2024. 2. 25.
Chart.js로 다양한 데이터를 동적으로 제어하기 데이터 시각화는 정보를 효과적으로 전달하는 핵심 도구입니다. Chart.js를 활용하면 다양한 차트를 쉽게 생성할 수 있습니다. 여러 데이터를 동시에 비교하고자 할 때, 사용자가 원하는 데이터를 선택하고 보기 쉽게 표현하는 것이 중요합니다. 이를 위해 Chart.js를 사용하여 여러 데이터를 보여주고 사용자가 원하는 데이터를 선택하여 보는 기능을 추가할 수 있습니다. 이번 포스트에서는 Chart.js를 활용하여 여러 데이터를 동적으로 제어하고, 사용자가 선택한 데이터를 보여주는 방법을 알아보겠습니다. 시작하기 우선, Chart.js를 사용하여 간단한 선 그래프를 만들어봅시다. 이번에는 그래프에 표시될 데이터를 배열로 선언합니다. Checkbox 추가 이제 Checkbox를 추가하여 그래프에 표시될 데이터.. 2024. 2. 18.
반응형