쓰로틀링, 디바운싱 (throttling, debouncing) 뜻, 쓰로틀링 사용이유, 디바운싱 사용이유, throttle, debounce
javascript를 계속 공부하다보면 쓰로틀링, 디바운싱이라는 용어를 듣게 되는경우가 있습니다. 이것이 무엇인지 알아보겠습니다. 쓰로틀링 뜻, 디바운싱 뜻, throttling 뜻, debouncing 뜻 디바운스와 쓰로틀링 UI에서 발생하는 이벤트를 제어하는 방법입니다. 과도하게 이벤트 처리 함수(콜백함수)가 호출되지 않도록 하여 부하방지를 위해 쓰이는 방법입니다. 쓰로틀링 (throttling): 사용자가 이벤트를 수행하는 동안 지정된 시간 간격으로 함수를 호출하는 방법입니다. 디바운싱 (debouncing): 사용자가 특정 시간 동안 이벤트를 수행하지 않았을 때 함수를 호출하는 방법입니다. 쓰로틀링 쓰는 이유, 디바운싱 쓰는 이유, throttling 쓰는 이유, debouncing 쓰는 이유 이..
2021. 12. 23.
lodash란, javascript library lodash, underscore, 로다쉬, 로다시, 로다시란
lodash(로다시, 로다쉬)란 Lodash(로다시)는 함수형 프로그래밍 패러다임을 이용하여 공통 프로그래밍 작업에 대한 유틸리티 기능을 제공하는 자바스크립트 라이브러리입니다. lodash는 2012년에 underscore.js 로부터 포크된 프로젝트입니다. 공식홈페이지는 lodash.com 이며, MIT 라이센스 입니다. repository 주소는 https://github.com/lodash 입니다. lodash 기능 유틸리티 - 유형 결정 및 수학 연산 단순화와 같은 공통 프로그래밍 작업을 단순화하는 데 사용됩니다. 기능 - 바인딩, 장식, 구속, 스로틀링, 디바운싱, 카레, 포인터 변경을 단순화합니다. 문자열 - 트리밍, 대문자 변환, camel 케이스 등 기본적인 문자열 연산을 수행하기 위한 변..
2021. 12. 20.
CDATA, cdata, cdata란?, CDATA사용이유, CDATA사용하는 이유, xml cdata, 마이바티스 cdata
CDATA란 XML 문서/파일 내용을 보면 가끔 로 되어있는것을 볼 수 있습니다. 이게 무엇인지 알아보겠습니다. CDATA는 Character Data를 의미하며, 이 문자열들 사이의 데이터는 XML 마크업으로 해석하지 않아야 하는 데이터를 포함한다는 것을 의미합니다. '(Unparsed) Character Data'. 즉, '파싱하지 않는 문자 데이터'라는 뜻입니다. 파싱하는 문자 데이터는 'PCDATA'라고 부릅니다. CDATA와 코멘트의 주요 차이점은 다음과 같습니다. CDATA는 여전히 문서의 일부인 반면, 코멘트는 그렇지 않습니다. CDATA에서는 문자열]]>(CDEnd)을 포함할 수 없는 반면, 주석에서는 -가 유효하지 않습니다. CDATA를 쓰는 이유 CDATA를 쓰는 이유를 알아봅시다. 먼..
2021. 12. 8.
DB 별 SQL 결과 갯수제한, 페이징 처리, limit, offset, mysql, mariadb, mssql, oracle
DB별 SQL 결과 갯수제한하는 법을 기록합니다. (주로 페이징을 위해 쓰이는 쿼리입니다. MySQL, Maria DB -- limit [오프셋, 개수] 키워드 사용 -- 아래 예의 경우에는 c1 컬럼기준으로 내림차순 정렬한 뒤, 0번째부터 10개의 row를 가져오겠다는 뜻입니다. select * from tbl order by c1 desc limit 0, 10; MSSQL -- top [갯수] 키워드 사용 -- 아래 예의 경우에는 c1 컬럼기준으로 내림차순 정렬한 뒤, 맨 위부터 10개의 row를 가져오겠다는 뜻입니다. select top 10 * from tbl order by c1 desc limit 0, 10; Oracle (오라클) / tibero (티베로, 티배로) -- rownum 키워드 ..
2021. 12. 7.
npx란, npx이란, npx 사용이유, npx 사용하는 이유, npx 설치법, npx설치방법, npx 사용방법, npx사용법
npx란, npx이란 npx는 명령줄에서 직접 로컬로 설치된 명령줄 도구를 실행할 수 있도록 npm에서 제공하는 명령어/툴입니다. npx는 npm@5.2.0에서부터 사용할 수 있게 되었습니다. Node.js 도구를 전역에 설치하지 않고도 실행할 수 있게 해줍니다. npx 사용하는 이유, npx사용이유 예를 들어 mocha, gulp, react-native 는 일반적으로 npm의 -g 플래그를 사용하여 전역적으로 설치됩니다. 그러나 전역적으로 설치된 패키지에는 두 가지 주요 문제가 있습니다. 다른 프로젝트는 동일한 패키지의 다른 버전에 의존할 수 있습니다. npx 설치방법 먼저 아래 명령어로 npx가 설치되어있는지 확인해봅시다. $which npx 설치되지 않았다면, 아래 명령어를 통해 npx를 간단히 ..
2021. 11. 30.
puppeteer란, puppeteer 사용법, puppeter 사용법, 웹자동화, 웹스크래핑, 웹사이트 스크래핑, 크롤링, 셀레늄, selenium, 매크로, 자바스크립트 매크로, 퍼피티어
puppeteer란? (퍼피티어란?) puppeteer(퍼피티어)는 dev tools 프로토콜을 통해 크롬을 제어할 수 있는 하이레벨 API를 제공하는 노드 라이브러리입니다. puppeteer 기본적으로 headless(UI가 없는상태)로 실행되지만, 비헤드리스 크롬 또는 크로미움으로 실행되도록 수행도 가능합니다. 주로 웹자동화, 크롤링을 위해 사용하는 라이브러리이며, selenium과 비슷한 역할을 한다고 생각하면 됩니다. 다만 selenium(셀레니움)과 다른 점은 selenium은 다양한 언어로 사용할 수 있는 반면, puppeteer는 javascript 만으로 코드를 작성할 수 있습니다. selenium보다 더 나은점은 좀 더 상세한 조작 및 성능 측정 등이 가능하다는 점입니다. 브라우저에서 수..
2021. 11. 28.
vue.js 3.0 composition api, vue3 composition api, vuejs 3 composition api,vue.js 3.0 컴포지션 api, vue3 컴포지션 api, vuejs 3 컴포지션 api,뷰3 컴포지션 api,
vue.js (뷰) 3에는 composition API(컴포지션 API)라는것이 도입이 되었는데요, 이것이 무엇인지 알아봅시다. composition API(컴포지션 API) vuejs를 만든 Evan You는 컴포지션 API를 전역적으로 선언된 함수(function)를 이용해 라이프사이클 훅을 등록할 수 있는 기능과 결합된 반응형 API라고 설명하였습니다. 이는 컴포지션 API가 조직과 가독성을 훼손하지 않고 애플리케이션 내 모든 지점에서 반응성을 관리할 수 있는 다른 방법을 제공한다는 게 골자입니다. 컴포지션 API는 정말로 언어에 새로운 것을 추가하는 것이 아닙니다. 뷰가 이미 사용하는 내부 기능들(일명, 마법)을 노출시키고, 우리가 이러한 기능들을 구성 요소에서 직접 사용할 수 있게 합니다. co..
2021. 11. 22.
