sopor

한줄로 element안에 표기하고싶은데, 안이쁘게 줄바꿈되거나 whitesapce를 nowrap으로 주면 가로길이가 늘어나더라고요.그래서 그냥 글씨 크기를 줄여서 넣으려고 합니다./** * canvasAPI를 이용해서 특정 폰트/사이즈로 문자열을 그려서 실제 렌더링 된 가로 픽셀을 계산 * * @param text {string} 길이 구할 텍스트 * @param fontFamily {string} 폰트 * @param fontSize {number} 폰트 사이즈 * @returns {number} */function getTextWidth(text, fontFamily, fontSize) { // canvas에 폰트 지정해서 글씨를 적고 const canvas = getTextWid..

자바스크립트를 사용하다보면 어떤 요청이나 함수 실행을 너무 많이 하지 않도록 제한할 필요가 있습니다.. 예를 들어, 자동완성 기능을 만들었다고 한다면, 사용자가 키보드를 타이핑 할 때마다 서버에 검색할 값을 요청하게 된다면?한사람만 사용한다면 크게 문제가 안되겠지만 여러사람이 동시에 사용한다면 DB조회가 되었든 백엔드 프로그램이 되었든 문제가 발생하게 될겁니다. 또는 스크롤 이벤트가 일어날떄마다 특정 함수를 사용해야할 때..스크롤 휠을 한칸만 내리든, 두칸을 내리든 n번을 내리던 한번만 실행되어야 할때.. 이런 상황에서는 throttle이나 debounce 기법을 사용할 수 있습니다. throttlethrottle은 delay 기간별 1회 호출을 보장합니다./** * cb {function} * dela..