Javascript
1.[10] Destructuring Assignment
Destructuring Assignment 구조 분해 할당
2.[15]_shallow copy vs deep copy
원시값 : Number, String, Boolean, undefined, null, Symbol참조값 : Object(array, function, ...)원시값의 경우는 값을 복사할 때 복사된 값을 다른 메모리에 할당하기 때문에 원래의 값과 복사된 값이 관계가 없음
3.map()
map함수란?주어진 배열의 값들을 오름차순으로 접근해 callback함수를 통해 새로운 값을 정의하고 신규 배열을 만들어 반환하는 것 -ECMA-사용법.map((요소값, index, 순회하는 대상 객체) => {})가 들어간다요소값들은 배열의 요소 하나하나를 의미ind
4.[16]_object.keys, .values, .entries, .assign
주어진 객체의 속성 이름들을 일바적인 반복문과 동일한 순서로 순회되는 열거할 수 있는 배열로 반환함주어진 객체의 key값의 value들을 열거해주는 배열로 반환함주어진 객체의 key와 value를 key, value로 반환함주어진 객체들의 모든 열거 가능한 자체 속성을
5.[19] Scope
자바스크립트의 변수의 유효범위를 말하며 해당 변수가 접근할 수 있는 변수, 객체 그리고 함수의 집합을 의미함지역 변수란 함수 내에서 선언된 변수를 의미하며 함수 내에서만 유효하고 종료되면 메모리에서 사라짐. 또한 함수의 매개변수 역시 지역변수처럼 동작함전역 변수란 함수
6.[20] == vs ===
==은 느슨한 비교할 때 사용하며 단순히 a와 b가 같은지 다른지를 확인해주는 연산자이다.===은 엄격한 비교를 할 때 사용하며 a와 b의 타입까지 같은지 확인하여 true, false를 반환한다.let a = 1let b = "1"console.log(a==b) //
7.[21] Regular Expression
Regular Expression이란 정규표현식이라고 하며 문자열에서 특정 문자 조합을 찾기 위한 패턴/^a@a.com$/.test("a@a.com")//true시작 지점에 ^ 끝 지점에 $를 붙히면 됨/\\w+@\\w+.\\w+$/.test("a@a.com")//tr
8.자바스크립트 숫자 범위
// number == Int1111111111111111같은 일정한 범위를 넘어가면 ~e+30같이 이상하게 나옴일정한범위(2의 53제곱 1을 뺀값)Number.MAX_SAFE_INTEGER정상적인 범위를 알려주는 메서드Number.isSafeInteger(숫자)정상적
9.[25] Closure
폐쇄적인(Closure) 공간의 데이터를 사용할 수 있게해주는 자바스크립트 문법=== abc is not definedconsole.log(abc)가 사용되면 console.log(abc)가 속한 if(1<2){}함수에서 abc를 찾게 됨하지만 이때 탐색대상에서
10.[27] callback function
callback function이란? 파라미터로 함수를 전달하는 함수 즉 함수 내부의 함수 callback function 특징 가.변수나 데이터안에 담길 수 있고 나.매개변수로 전달 할 수 있고 다. 반환 값으로 사용할 수 있고 라. 실행도중에 생성될 수 있다
11.[28]_Lazyload, Preload
LazyloadLazyload란 자바스크립트를 로드해서 실행하는 것이 아니라 페이지 로드가 이루어지고 나서 조금 늦게 이미지를 로드하는 방식임. 즉 페이지를 렌더링 할때 이미지까지 전부렌더링하는 것이 아니라 스크롤을 내릴 때 그때그때 추가로 로드하는 형식Lazyload