JavaScript

Java Script 는 코드 실행, 이벤트 수집과 처리, 큐에 놓인 하위 작업들을 담당하는 이벤트 루프에 기반한 동시성(concurrency) 모델을 가지고 있습니다. 이 모델은 C 또는 Java와 같은 언어와 완전히 다릅니다. - developer.mozilla.

하지만 ES6 부터 추가된 전개 연산자 (Spread Operator)를 통해 더욱 간결하고 깔끔하게 코드를 작성할 수 있게되었다. 객체, 배열 모두 사용이 가능할 뿐 아니라, 함수의 인자로도 사용가능하다. 또한 원본 배열을 그대로 유지하면서 새로운 배열을 만들기 때문

자바스크립트의 모든 객체는 최소한 하나 이상의 다른 객체로부터 상속을 받으며, 이때 상속되는 정보를 제공하는 객체를 프로토타입(prototype)이라고 합니다. -Tcp School Prototype?💁🏻 자바 스크립트는 Java나 C++처럼 클래스 기반의 언어

구조 분해 할당식은 주로 전개 연산자(Spread Operator)와 함께 사용된다. ES6의 구조 분해와 구조 할당은 함수 인자값을 다루거나 JSON 데이터를 변환할 때 유용하게 사용되므로, 꼭 기억해두도록 하자

ES6 이전까진 자바스크립트에는 var라는 변수 키워드밖에 없었다. ES6(ECMAScript2015)부터 블록 단위의 유효범위와 변수 선언 키워드인 let, const가 등장하면서 현재는 var, let, const 이 세 가지를 변수 선언 키워드로 사용할 수 있다.

ES5 까지 변수를 선언할 수 있는 유일한 방법은 var 키워드를 사용하는 것이었다. var 키워드로 선언된 변수는 아래와 같은 특징이 있다.함수 레벨 스코프(Function-level scope)함수의 코드 블록만을 스코프로 인정한다. 따라서 전역 함수 외부에서 생성

요즘 지인에게 선물로 받은 '자바스크립트 코딩의 기술'이란 책을 재밌게 읽고있다. 이 책을 통해 평소에 간과했던 메소드라던가 기본적인 개념에 대해 다시한번 짚고 넘어가고, 여러가지 좋은 팁들을 알 수 있었는데, 이 글은 책에서 인상깊게 읽었던 파트 중 하나인 전개 연산

동기적 처리는 직렬로 작업을 수행한다. 즉, 각 작업은 순차적으로 실행되며 각 작업마다 수행되고 종료될때까지 다음 작업은 대기하게 된다. 어찌보면 상당히 정돈된 수행방식이라 생각될 수 있겠지만, Ajax나 Axios를 통해 서버에 데이터를 요청하는 작업 시 서버의 응

async function 선언은 AsyncFunction객체를 반환하는 하나의 비동기 함수를 정의합니다. 비동기 함수는 이벤트 루프를 통해 비동기적으로 작동하는 함수로, 암시적으로 Promise를 사용하여 결과를 반환합니다. 그러나 비동기 함수를 사용하는 코드의 구문

자바 스크립트 의 대부분의 코드는 이벤트(event)에 의해 동작된다. 이벤트란 클릭 이라던가 키 입력 같이 사용자가 행하는 모든 동작을 의미하는데, 이러한 이벤트가 발생했을 때 이에 맞는 상황을 지정 해주고 처리 하는 것을 이벤트 핸들링이라 한다.이벤트를 받을 요소

자바스크립트에서의 복사는 얕은 복사(shallow)와 깊은복사 (deep)으로 나뉜다. 먼저 원시 타입(Primitive type)의 변수들은 데이터 복사가 일어날 때 메모리 공간을 새로 확보하여 독립적인 값을 저장한다. 객체와 같은 (Reference type)의 데

자바스크립트에서의 복사는 깊은 복사(deep copy) 와 얕은 복사(shallow copy) 가 존재한다.원시 타입(primitive type)의 데이터가 복사 될때는 새로운 메모리 공간을 생성하여 메모리에 독립적인 값을 저장하는 반면 object(객체,배열, 함수)

프로그래밍에서의 일급 객체(First-class citizens)란 다음과 같은 특성을 갖고있다. 변수에 할당(assignment)할 수 있다.다른 함수의 인자(argument)로 전달될 수 있다.다른 함수의 결과로서 리턴될 수 있다.자바스크립트에서 함수는 일급 객체

코드 스테이츠의 새로운 과제를 진행하면서 map, reduce, filter, some과 같은 자바스크립트 내장 고차 함수들을 직접 구현해보았다. 함수형 프로그래밍 이라고 하면 부수 효과(Side-effect)가 없는 함수라는 인식만이 강했지만, 과제를 통해 부수효과가

자바스크립트의 this는 객체지향 언어인 자바의 this의 개념이 사뭇 다르기에 처음 접했을때부터 지금까지도 종종 햇갈리는 상황이 벌어진다. 자바의 this는 인스턴스 자신을 가리키는 참조변수로서 this를 통해 클래스의 멤버 변수 접근을 할 수 있었다. 그러나 자바

JSON.stringify() 메서드는 JavaScript 값이나 객체를 JSON 문자열로 변환합니다. 선택적으로, replacer를 함수로 전달할 경우 변환 전 값을 변형할 수 있고, 배열로 전달할 경우 지정한 속성만 결과에 포함합니다. - MDN자바스크립트의 내장

객체 지향 프로그래밍의 원초적 개념과 프로토타입 기반 언어인 자바 스크립트에서 객체 지향 프로그래밍의 패러다임을 구현하기위해 사용되는 여러 문법들이나, 개념들을 다시 한번 되짚고자 작성해본다.OOP (Object-Oriented Programming)란 컴퓨터 프로그래

자바스크립트는 프로토타입 기반의 언어이다. 이는 자바나 c++의 클래스 기반의 객체 지향과 비슷하나 사뭇 다른데, 시간이 지나면서 자바 스크립트에서 상속을 구현하는 방식에 여러 변화가 생겼다. 그렇기에 이번 포스팅을 통해 프로토타입 체이닝을 통한 상속과 ES6의 클래스