Programming310 [Javascript] async/await async와 await는 ES2017(ES8)에서 추가된 문법입니다. 주로 비동기 프로그래밍에서 자주 사용하며, 이전 포스트에서 다룬 프로미스 객체를 좀 더 간결하게 바꿔줍니다. async와 await 문법은 지난번에 배운 프로미스 객체의 비동기 처리와 이어집니다. 2021.05.24 - [Programming/Javascript] - [Javascript] 프로미스(promise) 객체 [Javascript] 프로미스(promise) 객체 자바스크립트로 비동기 처리를 하는 경우에는 콜백 함수를 이용했었습니다. 그러나 콜백 함수는 문제점이 많았기에 이러한 현상을 해결할 대안으로 프로미스 객체를 ES2015에서부터 도입하게 됩 bamtory29.tistory.com 1. async와 await의 기본 문법.. 2021. 5. 24. [Javascript] 프로미스(promise) 객체 자바스크립트로 비동기 처리를 하는 경우에는 콜백 함수를 이용했었습니다. 그러나 콜백 함수는 문제점이 많았기에 이러한 현상을 해결할 대안으로 프로미스 객체를 ES2015에서부터 도입하게 됩니다. 이 객체도 또한 자바스크립트의 내장 객체입니다. 콜백 함수를 다루지 않았어서 간단하게 설명하고 넘어가려고 합니다. 콜백 함수(CallBack Function)이란 나중에 호출되는 함수입니다. 비록 콜백 함수라고 명명되어있기는 하지만 일반적인 자바스크립트 함수와 똑같습니다. 다만 차이점으로는 코드에서 명시적으로 호출되는 것이 아닌, 특정 시점이나 이벤트의 발생에 따라 시스템에서 호출되는 함수입니다. 더 간단하게 정리하자면, 문법적으로는 일반 함수들과 차이는 없지만 호출 방식이 다르다 정도입니다. 1. 왜 프로미스 객.. 2021. 5. 24. [Javascript] 예외 처리 try~catch~finally 이 구문은 ES2015이후의 내용은 아닙니다만 왜 지금 튀어나오냐면, 그 동안 작성했던 포스트들을 읽어내는 과정에서 예외 처리에 대한 부분이 빠져서 뒤늦게나마 보충하게 되었습니다. 0. 예외 처리가 사용되는 이유 모든 사용자가 프로그래머가 의도한 대로 프로그램을 사용할 수는 없습니다. 이런 상황들을 예외라고 부르는데, 코드 작성 과정에서 이런 예외를 막을 수 있는 것도 있지만, 외부 요인에 의해서 발생하는 예외들은 코드 작성 과정에서 이를 방지하기가 어렵습니다. 그래서 등장한 것이 예외 처리 구문입니다. 자바스크립트 코드는 코드를 읽어오다가 스크립트 상에서 예외가 발생하면 스크립트가 정지해버리는 상황이 생기게 됩니다. 이때 예외 구문을 이용한다면, 스크립트가 정지하는 상황은 피하면서 예외에 대한 상황에 .. 2021. 5. 20. [Javascript] 전개 연산자 이번에는 ES2015에서 추가된 전개 연산자를 다룹니다. 전개 연산자는 마침표(.)를 세 개 입력하는 연산자입니다.(...) 사용은 배열([]), 객체({}), 함수 인자(())에서만 사용이 가능합니다. 1. apply() 메소드의 대체 전개 연산자의 첫 의의는 apply() 메소드의 대체입니다. apply() 메소드는 함수에 인자로 배열과 같은 요소를 전달하기 위해 사용하는 메소드입니다. 지금은 전개 연산자만을 다루기도 하고, 이 메소드를 전개연산자로 대체하여 사용하는 것이 편리하기 때문에 apply() 메소드에 대한 자세한 설명은 넘기도록 하겠습니다. 기존에 apply()를 이용하면 다음과 같이 사용했었습니다. let sum = (a, b, c, d, e) => { return a + b + c + .. 2021. 5. 7. [Javascript] 구조 분해 할당 ES2015에서 등장한 구조 분해 할당에 대해 다룹니다. 구조 분해는 배열이나 객체의 특정한 자료를 이용할 때 사용하는 방식입니다. 1. 배열의 구조 분해 할당 1-1. 변수에 배열의 값 할당 기존에 배열의 요소를 변수에 할당하기 위해서 다음과 같이 이용했었습니다. let arr = [1, 2, 3]; let num1 = arr[0]; 구조 분해 할당을 이용하면 대괄호를 이용하여 인덱스 위치에 변수를 삽입하는 방식으로 편하고 직관적이게 변수에 배열 요소 값을 할당할 수 있습니다. let arr = [1, 2, 3]; let [num1, num2, num3] = arr; 1-2. 존재하지 않는 요소의 기본값 할당 위의 경우에서 배열에 존재하지 않는 인덱스의 요소를 변수에 할당하려고 하면 오류가 발생하거나,.. 2021. 5. 7. [Javascript] 객체 확장 표현식 ES2015가 도입되며 객체의 표현에서 간결한 문법들을 많이 지원하게 되었습니다. 1.키 이름과 값이 같은 경우 기존에 키 이름과 키 값이 동일한 경우에도 {키 이름: 키 값}으로 묶어서 표현했었습니다. let a = 1; let b = 1; let obj = { a: a, b: b }; 이런 경우에 ES2015에서는 다음과 같이 표현할 수 있게 되었습니다. let a = 1; let b = 1; let obj = { a, b }; 위의 경우처럼 키 값을 생략하게 되면 키의 이름을 통해 키 값을 지정하게 됩니다. 즉, 객체 변수 obj에 대입된 a와 b는 키의 이름이고, 이 이름을 통해 키 값 a=1 , b=1을 지정해 줍니다. 2. 계산된 키 값 넣기 계산된 키 값을 넣을 때 이전 버전에서는 키 값을 .. 2021. 5. 7. 이전 1 ··· 31 32 33 34 35 36 37 ··· 52 다음 300x250
