완벽한 다음 행보는 없다.

공부한 내용을 정리한 것입니다. 출처는 하단에 있습니다. 문제시 알려주시면 조치하겠습니다. map, reduce, filter 모두 ECMAScript 2015(ES6)에서 추가된 메서드. 모두 배열 타입에 사용하며 각 요소들을 파라미터로 받아 작동. Map 배열을 조작하고 변형하기 위한 고차 함수 중 하나로, 배열 각 요소에 대해 주어진 함수를 수행한 결과를 모아 새로운 배열을 반환하는 메서드. 원래의 배열을 변경하지 않고 새로운 배열을 반환. 단 배열 안에 객체가 있는 경우 객체는 공유됨. //배열.map((요소, 인덱스, 배열) => { return 요소}); const newArray = array.map(callback(currentValue[,index[, array]]) { //... } l..

공부한 내용들을 정리하였습니다. 출처는 하단에 있습니다. 문제 있을 시 알려주시면 조치하도록 하겠습니다! for es1부터 있었음. 배열의 index, value 순회할 수 있다. 비교적 구문이 번거롭지만 시작점을 지정할 수 있다는 점은 매우 유용. 속도가 제일 빠르다는 결과가 많다. const arr = [1, 2, 3, 4, 5] for(let i = 0; i < arr.length; i ++) { console.log(i, arr[i]); } // 0 1 // 1 2 // 2 3 ... for - in ES1부터 존재. 모든 enumerable(열거 가능한)한 key를 순회한다. const arr = ['a', 'b', 'c'] arr.prop = 'prop' for (const key in arr..

Map 맵은 키값 쌍을 저장하는 데이터 구조로 객체와 유사한 역할을 한다. 순서를 보장하며 요소의 추가 및 삭제 시 순서가 유지된다. 객체는 순서 보장하지 않음. 객체와 달리 다양한 자료형을 키로 사용할 수 있다. 객체는 문자열, 심볼만 가능. Map은 이터러블하며 for, for-of, forEach를 통해 반복 가능하다. 반면 객체는 direct하게 iterate할 수 없음. 그래서 Object.keys, Object.entries, for..in 구문 사용하여야 함. 주요 메소드 new Map() – 맵을 만듦. map.set(key, value) – key를 이용해 value를 저장. 맵 자신을 반환하므로 이를 이용해 체이닝이 가능 map.get(key) – key에 해당하는 값을 반환합니다. k..

공부한 것들을 정리한 내용입니다. 출처는 하단에 있습니다. 문제 있을 시 알려주시면 조치하겠습니다! 평가전략 평가 전략(Evaluation Strategy)이란 프로그래밍 언어에서 함수 호출 시 전달한 arguments(인자)의 순서를 언제 결정하고, 어떤 종류의 값을 통과시킬 것인지 결정하는 방법이다. Data type 자바스크립트에는 2종류의 데이터타입이 있다. primitive data type(원시형) - number, string, boolean, undefined, null, symbol 참조 데이터 타입(Reference Data Types) - Array, Object, function, Date, RegExp, Map, Set 등 원시형을 제외한 나머지 데이터타입. Call by valu..

공부한 내용 정리한 것입니다. 출처를 밝혔으나 문제 시 댓글 달아주시면 조치하겠습니다. 감사합니다. https://gritdonghee.notion.site/Javascript-webapi-0f3a3ee68ee84d60983ec7ab7b39bc4a?pvs=4 [Javascript] 자바스크립트 동작 원리 - 단일스레드&동기식, 콜스택, webapi, 태스크큐, 이벤트 루프, 출처 gritdonghee.notion.site

공부한 내용 정리한 것입니다. 출처를 밝혔으나 문제 있을 시에 댓글 달아주시면 조치하겠습니다. 감사합니다 https://gritdonghee.notion.site/Feat-4377ed46143c4314a179ce4a5aeff385?pvs=4 자바스크립트 실행 순서과 변수&함수의 값 할당 순서 Feat. 호이스팅 출처 gritdonghee.notion.site

공부한 내용들을 정리한 것입니다. 출처를 밝혔으나 문제 시 댓글 달아주시면 조치하겠습니다. 감사합니다 https://gritdonghee.notion.site/7ca01d70f0184663b5d93f57d382f5ec?pvs=4 스코프, 스코프 체인, 실행 컨텍스트, 렉시컬 스코프, 클로저 https://kwangsunny.tistory.com/37 gritdonghee.notion.site

공부하며 정리한 내용들입니다. 출처를 밝혔으나 문제 시 댓글 달아주시면 조치하겠습니다. 감사합니다 https://gritdonghee.notion.site/Javascript-promise-async-await-851bae90b9d440328672d3037bfe6d45?pvs=4 [Javascript]콜백, promise, async, await, 비동기를 동기처리 출처 gritdonghee.notion.site

공부한 내용들을 정리한 것입니다. 출처를 적어놨으나 문제가 있을 시 댓글 달아주시면 조치하겠습니다. 감사합니다 https://gritdonghee.notion.site/let-const-9fa10728553644fb88ab61b415c129e9?pvs=4 콜스택/메모리힙에 저장되는 데이터 타입와 재할당 과정(let/const) https://charming-kyu.tistory.com/19 gritdonghee.notion.site

태그드 템플릿 리터럴 공부한 내용 정리. 출처를 밝혔으나 문제가 있다면 댓글 달아주시면 조치하겠습니다. 감사합니다. https://gritdonghee.notion.site/Tagged-Template-Literals-cf6257f73f134337abf2a87aa9474178?pvs=4 태그드 템플릿 리터럴(Tagged Template Literals) 출처 gritdonghee.notion.site