시리즈

JavaScript

1.[JS] 연산자(operator)

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

2021년 7월 10일

2.[JS] 조건문(If, else if, ?, switch)

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

2021년 7월 11일

3.[JS] 반복문(for, whlie, do while)

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

2021년 7월 11일

4.[JS] Class

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

2021년 7월 11일

5.[JS] bubbling다루기

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

2021년 8월 7일

6.[JS] preventDefault();

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

2021년 8월 7일

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

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

2022년 4월 15일

8.[JS] Ajax, XMLHttpRequest

Asynchronous JavaScript and XML자바스크립트를 사용하여 브라우저가 서버에게 비동기 방식으로 데이터를 요청하고, 서버가 응답한 데이터를 수신하여 웹페이지를 동적으로 갱신하는 프로그래밍 방식HTTP 비동기 통신을 위한 메서드와 프로퍼티를 제공하는 X

2022년 5월 24일

9.[JS] 클로저(Closure) 쉽게 이해하기

함수 + 함수를 둘러싼 환경(Lexical environnment)클로저를 처음 공부할 때는 저 말이 이해가 안되어서(일단 렉시컬 환경이 뭔지도 몰랐다) 다양한 사이트와 동영상을 뒤지며 다른 여러가지 정의도 찾아봤다.자신이 생성된 시점의 환경을 기억하는 함수함수 호출이

2022년 5월 26일