전체 글(5)
-
Vue.js에서 Base64로 인코딩 된 이미지 파일 출력
1. Canvas 사용방법 // 1. canvas 엘리먼트를 취득한다. const canvas = document.getElementById('myCanvas'); // 2. 2d모드의 그리기 객체를 취득한다. => 이 객체를 통해 canvas에 그림을 그릴 수 있다. const ctx = canvas.getContext("2d"); // 3. 이미지 객체 생성 const img = new Image(); // 4. 이미지 소스 설정 img.src = '../img/img_patrn.png'; // 5. 이미지 로드이벤트- 콜백함수 등록 img.onload = function(){ ctx.drawImage(img, x좌표, y좌표, 너비, 높이); * 너비/높이는 옵션이며, 생략시 원본 크기대로 이미지를..
2023.03.30 -
건강한 다이어트 (healthy diet)
1.정제된 탄수화물 먹지않기(잡곡등 자연 그대로의 곡물류 섭취) - 가루로 만들어진 탄소화물은 가루로 생산되면서 건강한 섬유소가 모두 파괴가 됩니다. 그러면 몸속에 들어가 급속도로 흡수가 되며 이로 인해 혈중에 포도당 농도가급속도로 올라가게 되고 올라간 포도당 농도를 떨어 뜨리기 위해서 인슐린 나와서 지방으로 축적시키기 때문에 다이어트에 안좋은 영향을 끼친다. 2.양질의 단백질 섭취 (닭가슴살.무가당두유.콩.두부) - 단백질은 우리몸에 대사를 이루는 중요한 요소로써 근육량을 유지시키고 기초대사량을 증가 시킨다. 단백질이 부족할 경우 마른 비만이 될 확률이 높으며 전체적인 비만보다 더 위험할 수 있다. 3.혈당 스파이크 주의 (건강한 간식및 음식섭취) - 급격한 배고픔(혈당이 떨어졌다고)을 느낄 때 주기적..
2022.12.15 -
JavaScript Array 이해, push(), pop(), sort(), splice()
배열(Array)은 JavaScript 객체의 특수한 형태로써, 객체의 프로퍼티명이 0부터 시작해서 순차적으로 커지는 자연수로 이루어진 형태라고 생각할 수 있습니다. 이를 통해 어떠한 데이터를 순차적으로 저장하거나 조회하는데 유용하게 사용됩니다. 자바스크립트 배열은 Array 타입 객체가 제공하는 메서드들을 사용하여 손쉽게 배열 조작을 처리할 수 있습니다. 배열의 기초 배열은 값을 순차적으로 저장하는 용도로 사용합니다. 배열의 표기 형식은 아래처럼 대괄호 [] 를 이용해 표기하며 내부에는 어떠한 데이터 타입도 제약없이 값으로 사용할 수 있습니다. 하지만 결국은 동일한 데이터 타입을 나열하는 용도로 주로 사용하게 됩니다. var arr = [1, 2, 3]; 배열의 요소를 확인하거나 배열의 길이를 확인하기..
2021.08.05 -
Mysql 이모티콘 입력 가능 설정
일반적인 mysql 기본세팅일 경우 이모티콘을 텍스트로 저장할 경우 물음표로 저장이 된다. 이는 유니코드 U+10000 이상인 문자들을 UTF-8로 인코딩하려면 4바이트가 필요하기 때문이다. 그래서 utf8mb4로 인코딩을일반적인 mysql 기본세팅일 경우 이모티콘을 텍스트로 저장할 경우 물음표로 저장이 된다. 이는 유니코드 U+10000 이상인 문자들을 UTF-8로 인코딩하려면 4바이트가 필요하기 때문이다. 그래서 utf8mb4로 인코딩을 값을 적용해야 한다. 1. my.cnf(리눅스)나 my.ini(윈도우즈)설정 파일을 다음과 같이 수정한다. ---------------------------------------------------------- [client] default-character-set..
2021.04.27 -
JavaScrip로 ISO 8601을 지정시간으로 수정
휴일을 지정시 달력에서 시작날짜와 종료날짜를 지정할때 시간이 00:00:00으로 지정되는 문제로 인한 시작날짜와 종료일자가 같은 경우 스케줄러가 작동하지 못하는 현상이 있다. 이 작업시 setHours()로 지정을 해줄 수 있으나 또다른 문제가 저장된 스케줄을 수정시에는 ISO 문자로 가져오기 때문에 setHours() 함수를 사용할 수 없다. 그리하여 다시 문제를 해결하기 위해 다시 부분 수정을 해줘야 한다. endDate: "2021-04-20T14:59:59.000Z" 콘솔에서 다음과 같이 출력될 때 // ISO8601 날짜형식을 일반 날짜형식으로 수정 var date_before = new Date(endDate); var year = date_before.getFullYear(); var mon..
2021.04.26