[JS] 디바운스, 쓰로틀 (Debounce, Throttle) with lodash

연이어 호출되는 함수들 중 마지막 함수(또는 제일 처음)만 호출하도록 하는 것검색어 자동완성기능을 구현하는 경우를 생각해보자.ㄷ 디 딥 디바 디방 디바우 디바운 디바운ㅅ 디바운스'디바운스' 검색하는데 쓸데없이 api 호출 9번하면 자원낭비 넘 심하고요?이 때 와다다 치

2022년 4월 15일
·
0개의 댓글

JavaScript : 런타임 환경(엔진 이해, 스택 개념)

Process : 프로그래밍이 동작하는 최고 단위Thread : 프로그램안에서 동시에 여러개가 수행될 수 있는 작은 일꾼 단위Multi threading : 한 프로세스 안에서 여러가지 쓰레드가 동시다발적으로 일어나는 것 Java Script 언어 자체에는 멀티 쓰레딩

2021년 8월 15일
·
0개의 댓글

JavaScript: preventDefault();

eventTarget.preventDefault();브라우저에서 기본적으로 작동하는 동작을 무시하는 함수eventlistner의 option이 passive: False인 경우에만 사용가능

2021년 8월 7일
·
0개의 댓글

JavaScript : bubbling다루기

event.stopPropagation();부모 class로 bubbling이 일어나지않게됨 권장xevent.stopImmediatePropagation();부모 class로 bubbling이 일어나지 않으며 같은 타겟내에서 이후에 등록된 다른 eventlisnter도

2021년 8월 7일
·
0개의 댓글

CSS : 디자인을 도와주는 유용한 사이트들

그림자https://html-css-js.com/css/generator/box-shadow/그라데이션https://cssgradient.io/색깔조합 추천https://color.adobe.com/ko/create/color-wheel

2021년 8월 7일
·
0개의 댓글
post-thumbnail

HTML : 아이콘 사용하기 (font awesome)

위 코드를 head에 추가 하면 fontawesome.com 에서 제공하는 아이콘 이미지들을 다운로드없이 간편하게 쓸 수 있다.예를들어 plus 모양 아이콘을 사용하고싶다면 Font Awesome 사이트에서 'plus'를 검색한 다음,위의 <i class ~>&l

2021년 8월 7일
·
0개의 댓글

CSS : 가운데 정렬 방법

Scroll body{ background-color: black; text-align: center; } button{ outline: none; background

2021년 7월 24일
·
0개의 댓글

HTML : Web APIs

DOM(Document Object Model) APIs 웹페이지에 있는 요소를 생성하거나 삭제, 스타일을 바꾸는등의 조작Net APIs서버와 통신 Graphics APIsCanvas 등 그래픽 기능Audio/Video APIs 오디오, 비디오 등 멀티미디어 기능Dev

2021년 7월 13일
·
0개의 댓글

JavaScript : Class

javascript에서는 class 기능이 ES6에서 도입됨 public, private, static 등은 매우 최근에 추가된 기능이어서 지원되지않는 브라우저들이 있음클래스 내, 외부 모두에서 호출가능클래스 내부에서만 호출가능object마다 할당되는 요소가 아니므로

2021년 7월 11일
·
0개의 댓글

JavaScript : 함수

Function 정의 command, verb형식으로 작명하는것이 좋음 (e.g doSomething) 하나의 함수는 한 가지 주요 기능을 하도록 작성 (e.g createCardAndPoint -> creatCard, creatPoint) JS에서 함수는 obj

2021년 7월 11일
·
0개의 댓글

JavaScript : 반복문(for, whlie, do while)

condition이 참일동안 code를 반복하여 실행거짓이면 loop 빠져나옴무조건 code를 한 번은 실행한 뒤 condition이 참이면 code를 반복하여 실행condtion이 거짓이면 loop 빠져나옴begin을 실행condtion이 참이면 code를 실행, 거

2021년 7월 11일
·
0개의 댓글

JavaScript : 조건문(If, else if, ?, switch)

condition1이 true일 경우, code1만 실행condition1이 false이고 condition2가 true일 경우, code2만 실행condition1, 2 모두 false일 경우, code3만 실행condition이 참일 경우 value1 리턴, 거짓일

2021년 7월 11일
·
0개의 댓글

JavaScript : 연산자(operator)

문자열 합치기\+, -, \*, /, %, \*\*덧셈, 뺄셈, 곱셈, 나눗셈, 나머지연산, 제곱연산\++, --증감 연산자 변수 앞에 올 경우, 변수를 먼저 증감한 후 명령을 실행변수 뒤에 올 경우, 나머지 명령을 먼저 실행 한 후 마지막에 변수를 증감\+=, -=,

2021년 7월 10일
·
0개의 댓글

CSS : display, position

inline: 한줄에 여러개 들어가고, 내부 컨텐츠만 꾸며줌inline-block: 한줄에 여러개 진열가능한 상자block: 한줄에 한개만 들어가는 상자static(default)relative : default 자리로부터의 상대적 위치absolute : 부모태그내에서

2021년 7월 7일
·
0개의 댓글
post-thumbnail

HTML : 시작하기

HTML을 시작합니다

2021년 7월 6일
·
0개의 댓글