JavaScript
1.var, let, const 차이점
JavaScript에서 변수 선언 방식인 `var, let, const` 의 차이점에 대해 알아보자. 1. 변수 선언 방식 우선, `var`는 변수 선언 방식에 있어서 큰 단점을 가지고 있다. 변수를 한 번 더 선언했음에도 불구하고, 에러가 나오지 않고 각기 다
2.스코프(Scope)와 클로저(Closure) 이해
JavaScript에 대한 깊은 이해를 하기 위해서는 클로저(Closure)에 대해 알아야 되며, 이를 알기 위해서는 스코프(Scope)에 대한 이해가 필요하다. 유효범위(스코프)는 자바스크립트 뿐만 아니라 모든 프로그래밍 언어에서 가장 기본적인 개념의 하나로 반드시 알고 넘어가야한다. 하지만, 자바스크립트의 유효범위는 다른 언어의 유효범위와 다르다고 한...
3.객체를 쉽게 병합하는 assign 메서드 / Object.assign()
1. 정의 MDN문서에 따른 정의는 다음과 같다. Object.assign() 메소드는 열거할 수 있는 하나 이상의 출처 객체로부터 대상 객체로 속성을 복사할 때 사용합니다. 대상 객체를 반환합니다. > 2. 설명 타겟 인자에 빈 객체를 주고, 소스 인자에 각 객체들을 넘겨주면, 빈 객체에 병합이 된다. 타겟 인자에 기존에 존재하는...
4.instantiation Patterns(상속패턴)
instantiation Patterns(상속패턴) class는 하나의 정형화된 모델을 만들어 두고, 그 모델을 기반으로 인스턴스를 만들기 위해 사용. javascript에 class가 나오기 전에 사용하던 4가지 class선언 방식 Functional Functional-shared Prototypal Pseudoclassical 1...
5.ES6 (ECMAScript 2015)
image.png 1. ES6 ECMAScript is a standard script language. 자바스크립트 언어의 표준. http://www.ecma-international.org/ecma-262/6.0/ 2. 새로 추가된 기능 (주요) 2-1.
6.비동기 처리와 콜백함수 그리고 Promise
image.png 1. 비동기 처리 비동기 처리라 함은 '특정 코드의 실행이 완료될 때까지 기다리지 않고 다음 코드를 먼저 수행하는 자바스크립트의 특성'을 의미한다. 1-1. Ajax 화면에 표시할 이미지나 데이터를 서버에서 불러와 표시해야 하는 경우 ajax 통신으로 해당 데이터를 서버로 부터 가져옵니다. 이때가 비동기 처리의 대표적인 사례가 될...
7.ES7 비동기 처리 Async/await
Async/await 간단 사용법 함수 이름 앞에 `async 키워드를 붙이고, 호출할 비동기 함수 앞에 await` 키워드를 사용합니다. 함수 앞에 `async가 선언되어 있어야만 await`이 적용됩니다. 1. 기본 문법 2. 에러 핸들링 2-1. 프로미스와 섞어서 쓰기 2-2. try-catch문
8.정규표현식 예제로 살펴보기
간단한 예제와 함께 정규표현식 패턴, 플래그 살펴보기