JavaScript

Template Literal(템플릿 리터럴)ES6에서 새로 도입한 문자열 표기법으로 +연산자 필요 없이 백틱에 문자열과 변수를 같이 사용할 수 있다.또한 쌍따옴표(")와 작은따옴표(')를 같이 쓸 수 있다는 장점이 있다.(사용 예시)변수를 넣을 때는 ${}안에 쓰면

예외 처리(Exception Handling)를 할 때 일반적으로 try,catch 구문을 이용하는데 기본적인 포맷은 다음과 같다. (cf: error와 exception은 엄밀히 다르다)try예외가 발생하지 않을 때 실행되는 부분이다.catchcatch 안에 들어가는

변수,함수의 선언부만 코드의 최상단으로 끌어올려주는 것함수를 나타내는 방법 모두 호이스팅은 가능하지만 선언식보다는 표현식에서 권장된다.

조건문을 넣을 때 truthy, falsy한 데이터들을 알아두면 좋을거 같아서 정리해본다.Truthy한 데이터: true를 의미0이 아닌 숫자 (1 이상, 0 미만의 음수)빈 문자열이 아닌 문자열객체배열Falsy한 데이터 : false를 의미숫자 0빈 문자열nullNa

concat, filter, join, slice, splice, map, every 메소드

자바스크립트 데이터 타입은 크게 원시형(기본형: Primitive Type), 참조형(Reference Type)으로 나뉜다. 이 때 원시형은 값을 복사할 때 다른 메모리에 할당하기 때문에 사본 값이 변해도 원본에 영향을 미치지 않는다. 반면 참조형은 복사를 해도 메모

자바스크립트 자료형=데이터 타입크게 원시형(기본형: Primitive Type), 참조형(Reference Type)으로 나뉜다.고정된 저장 공간을 차지하는 데이터number, string, boolean, null, defined 등데이터의 크기와는 관계 없이 하나의

const: 상수(값 바꿀 수 없음), let: 값 바꿀 수 있음, var는 권장 안함방법1: camelCase →js에서 주로 사용방법2: snake_case →파이썬에서 주로 사용일반적으로 string만 포함된 변수는 대문자로 표기, string을 저장하고 싶을 때

특정 패턴의 문자열을 찾기 위한 표현 방식

Object.keys(),values(),entries(),assign()

객체에서 값들을 추출해서 새로운 상수로 선언해주는 것object.a , object.b로 쓰지 않고 object의 key로 value를 불러올 수 있다...

함수의 인자에 함수를 넣어주는데, 이 넣어주는 함수를 콜백함수라고 한다. async/await가 없던 예전에는 콜백 함수로 비동기 작업을 동기로 처리했다.

여러 promise 결과를 집계할 때 유용하다. 서로 연관된 비동기 작업을 모두 수행해야할 때 사용입력 값으로 들어온 promise 중 하나라도 거부당하면 즉시 거부된다.

실행 컨텍스트, 스코프, 스코프 체인

이벤트루프,태스크큐,콜스택

기본적으로 this는 전역 객체를 가리킴브라우저에서 console.log(this)를 찍어보면 Window 객체를 가리킨다.nodejs나 함수, strict 모드에서는 this가 다른 것을 가리킨다.바인딩: this를 고정시키는 방법this가 어디 안에 있는지에 따라

리듀서 함수는 네 개의 인자를 가집니다. 누산기 (acc),현재 값 (cur),현재 인덱스 (idx),원본 배열 (src)\->리듀서 함수의 반환 값은 누산기에 할당되고, 누산기는 순회 중 유지되므로 결국 최종 결과는 하나의 값

처음에 바닐라 자바스크립트로 공부해왔다가 프론트 러닝커브를 위해 react.js 프레임워크를 쓰기 시작했다. js가 node.js를 통해 백엔드 개발이 가능하고 프론트 서버 실행에 사용된다는걸 알고는 있지만 차이점을 깊게 고민한 적이 없었다.자세히 알지는 못하지만 공부

null, undefined 모두 js에서 '값이 없음'을 의미하지만 둘이 다르다!undefined = no assign값이 할당되지 않음을 뜻하는 데이터 타입정의되지 않았음, 초기화되지 않았음 등을 의미또는 존재하지 않는 배열의 원소값을 접근할 때 또는 존재하지 않는

구글 크롬과 node.js에서 사용되는 자바스크립트 엔진오토마타, 컴파일러를 배운적 있어도 용어만 들어봤을 뿐(parser,ast 정도..?) 구동원리에 대해 아직은 생소하다..parser : 소스코드 파싱자바스크립트 소스코드를 가져와서 파서에게 넘기면 소스코드를 분석

ES6에서 달라진 문법 정리 - const, let, arrow function, destructuring assignment, spread, for...of, default parameter