완벽한 다음 행보는 없다.

공부한 내용을 정리한 것입니다. 출처는 하단에 있습니다. 문제시 알려주시면 조치하겠습니다. 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..

커밋 메세지 규칙 제목과 본문을 빈 행으로 구분한다. 제목은 50글자 이내로 작성한다 제목의 첫글자는 대문자로. 제목 끝에 마침표를 넣지 않는다. 제목은 명령문을 사용하고, 과거형을 사용하지 않는다. 본문의 각 행은 72자 내. 본문의 내용은 ‘어떻게 했는지’ 보다 ‘무엇을’, ‘왜’ 에 대해서 설명해야 한다. 커밋 메세지 구조 제목(헤더)은 필수사항. 본문과 바닥글은 선택사항. : //Header(헤더) //Body(본문) //Footer(바닥글) type : 커밋의 의도 Subject : 제목. body : 설명이 필요한 경우 작성. footer : 어떠한 이슈에 대한 commit 인지 issue number 를 포함합니다. 그리고 close #1 처럼 close 를 통해 해당 이슈를 닫는 방법도 있..

HTTP란 무엇인가 HTTP(Hypertext Transfer Protocol)는 웹 브라우저와 웹 서버 사이에서 데이터를 주고받는 데 사용되는 프로토콜입니다. HTTP는 클라이언트와 서버 간의 통신을 관리하며, 웹 페이지를 요청하고 전달하는 데 사용됩니다. 특징 1. 클라이언트-서버 모델 HTTP는 클라이언트(웹 브라우저 등)와 서버(웹 서버) 간의 통신을 위한 모델을 제공합니다. 클라이언트는 서버에 요청(Request)을 보내고, 서버는 클라이언트에 응답(Response)을 보냅니다. 2. 무상태(Stateless) HTTP는 기본적으로 무상태 프로토콜입니다. 즉, 각각의 요청과 응답은 이전 요청과 응답과는 독립적으로 처리됩니다. 서버는 각 요청을 별개의 요청으로 처리하며, 클라이언트의 상태 정보를 ..

Node.js는 V8 JavaScript 엔진에 기반한 오픈 소스 서버 사이드 런타임 환경입니다. 주로 웹 개발에 사용되는 자바스크립트 언어로 서버 사이드 개발을 할 수 있게 해줍니다. Non-blocking I/O와 단일 스레드 이벤트 루프를 통한 높은 처리 성능을 가지고 있는 것이 특징입니다 이전까지 Server-Client 웹사이트를 만들 때 웹에서 표시되는 부분은 JavaScript 를 사용하여 만들어야만 했으며, 서버는 Reby, Java 등 다른 언어를 써서 만들었어야 했는데 마침내 한 가지 언어로 전체 웹 페이지를 만들 수 있게 되었다는 점에서 의미가 크다. 특징 이벤트 기반 이벤트 기반(Event-driven)이란 이벤트가 발생할 때 미리 지정해둔 작업을 수행하는 방식을 의미합니다. 즉, ..

공부한 내용 정리한 것입니다. 출처를 밝혔으나 문제 시 댓글 달아주시면 조치하겠습니다. 감사합니다. 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