[JavaScript]
1.var, let, const에 대한 정리
자바스크립트 es5 버전까지의 변수 선언 방식이었다.자바스크립트는 다른 언어(java, c)와 달리 기본적으로 블록 레벨 스코프(block level scope)가 아니라 function level scope이다.function level scope란 함수 안에서 사용
2.클로저(Closure)에 대한 정리
클로저는 함수와 함수가 선언된 어휘적 환경(Lexical environment)의 조합이다. 클로저를 이해하려면 자바스크립트가 어떻게 변수의 유효범위를 지정하는지를 먼저 이해해야 한다.함수가 중첩되어 있을 때, 스코프 체인 때문에 내부 함수에 찾는 식별자가 없다면 상위
3.즉시 실행 함수(IIFE)에 대한 정리
즉시 실행 함수 정의되자마자 즉시 실행되는 Javascript Function 을 말한다.IIFE 의 기본 형태는 아래 코드와 같다.크게 두 부분으로 나눌 수 있는데, 첫 번째는 괄호(())로 둘러싸인 익명함수이다. 이 부분은 전역 스코프에 불필요한 변수를 추가해서 오
4.값으로서의 함수에 대한 정리
Javascript 에서는 함수도 객체다. 즉 함수도 일종의 값이라는 말이다.이 코드와 아래의 코드는 같은 뜻이다.아래의 코드가 가능한 이유는 함수가 값이기 때문이다.함수는 값이기 때문에 다른 함수의 인자로 전달 될수도 있다.다음 코드를 보자console.log(cal
5.자바스크립트 비동기 처리 방법
비동기 처리란 특정 코드의 연산이 끝날 때까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행하는 것을 말한다.Javascript 는 싱글 스레드(Single-Thread) 언어이다. 즉 호출한 함수들이 쌓이는 콜 스택(Call stack)이 하나인 것을 의미하는데,
6.콜백 함수(Callback Function)에 대한 정리
자바스크립트에서 비동기 처리를 하기 위한 방법인 콜백 함수(Callback Function)에 대하여 알아보자.비동기 처리란 특정 코드의 연산이 끝날 때까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행하는 것을 말한다.$.get() 부분이 ajax 통신을 하는 부
7.함수 선언식과 함수 표현식에 대한 정리
자바스크립트에서 함수를 정의하는 방법에는 함수 선언식(Function Declarations)과 함수 표현식함수 표현식(Function Expressions)이 있다.일반적인 프로그래밍 언어에서의 함수 선언과 비슷한 형식이다. function 키워드를 사용하여 정의하면
8.프로미스(Promise)에 대한 정리
.png)
자바스크립트는 비동기 처리를 위한 패턴으로 콜백 함수를 사용한다. 하지만 일반적인 콜백 함수 패턴은 콜백 지옥으로 인해서 가독성이 나쁘고 여러 개의 비동기 처리를 한 번에 처리하는 데도 한계가 있다.ES6에서는 비동기 처리를 위한 프로미스(Promise)를 도입했다.실
9.화살표 함수(Arrow function)에 대한 정리
화살표 함수(Arrow function)는 함수를 보다 간결하게 => 키워드를 사용해서 선언할 수 있다.화살표 함수는 익명 함수로만 사용할 수 있기 때문에 화살표 함수를 호출하기 위해서는 함수 표현식을 사용한다.이 함수를 화살표 함수로 만들면물론 콜백 함수에서도 사용할
10.this에 대한 정리
Java 와 같은 객체지향 언어에서의 this 는 클래스(인스턴스화 된 객체) 자기 자신을 뜻한다.자바스크립트는 함수 호출 방식에 따라 tihs 에 바인딩할 객체가 동적으로 결정된다. 함수를 선언할 때 this 에 바인딩할 객체가 정적으로 결정되는 것이 아니고, 함수를
11.프로토타입(Prototype)에 대한 정리
자바스크립트는 흔히 프로토타입 기반 언어(prototype-based language)라 불린다. 일반적으로 프로토타입은 원형이라는 뜻을 가진다.자바스크립트의 모든 객체는 자신의 부모 역할을 담당하는 객체와 연결되어 있다. 이것은 마치 객체 지향의 상속 개념과 같이 부
12.자바스크립트 ES6 문법 정리(1)
ES6 문법 정리 https://github.com/lukehoban/es6features 와 MDN 을 참고하여 ES6 문법을 정리해보고자 한다. 1. Arrow function arrow function은 화살표 함수라고도 한다. function 키워드 대신 =>
13.자바스크립트 ES6 문법 정리(2)
ES6 문법 정리(2) ES6 1편 10. Module 애플리케이션의 크기가 커지면서 파일을 여러개로 분리할 필요가 생긴다. 이 때 분리된 파일 각각을 모듈(Module)이라고 부른다. 모듈에 export, import를 사용하면 다른 모듈을 불러와 불러온 모듈에
14.이벤트 버블링과 캡처링에 대한 정리
이벤트 버블링과 이벤트 캡처링에 대해서 알아보자.이벤트 버블링이란 한 요소에 이벤트가 발생하면 이 요소에 할당된 핸들러가 동작하고, 이어서 부모 요소의 핸들러가 동작하고 최상단의 부모 요소를 만날 때까지 반복되면서 핸들러가 동작하는 현상을 말한다.버블링 예제 코드를 보
15.Vanilla JavaScript로 SPA구현하기
Vanilla JavaScript로 SPA구현하기 > 본 포스트는 [ dcode - YOUTUBE](https://www.youtube.com/watch?v=6BozpmSjk-Y&t=1009s) 를 참고하였습니다. React, Angular, Vue와 같은 프레임워크