FrontEnd_JavaScript 3

[JavaScript] 비동기(Asynchronous) 처리 - Promise (1)

* 동기(Synchronous), 비동기(Asynchronous) ? --> 동기적 처리는 요청(REQUEST)에 대한 응답(RESPONSE)을 받을 때까지 다른 작업을 수행 할 수 없다. 하나의 작업이 수행되는 동안 다른작업들은 대기상태가되며 순차적으로 처리된다. 반면에 비동기적 처리는 요청에 대한 응답결과와 관계없이 여러작업을 동시적으로 수행이 가능하며, 기다리는 과정에서 다른함수 호출도 가능하다. * Javascript Promise (ES6) ? --> 자바스크립트의 비동기처리 방식이며, 객체형태로 선언 및 사용된다. "new Promise();" 프로미스(Promise)는 수행결과에 따른, CallBack함수(성공, 실패) 분기처리가 가능하다. * Promise States ? Pending(대..

FrontEnd_JavaScript 2021.10.13

[JavaScript] 배열 내장함수(Array Methods)

배열(Array) ? 배열은 하나의 변수에 하나의 값이아닌 여러개의 값을 저장하며 각 요소들은 순서를 가진다. 자바스크립트 배열의 요소는 여러가지 타입선언(String, Number, Boolean, Object, Array..) 가능. 자바스크립트 배열의 크기는 동적으로 변경될 수 있다. (가변적) 자바스크립트 배열은 대괄호'[]' 또는 Array() 생성자함수를 사용하여 생성한다. 배열 내장함수(Array Mehods) ? 1. forEach: 배열의 요소들을 순차적으로 불러와 이를 활용할 때 사용. 2. map: 기존의 배열 요소를, 특정한 로직에 의해 새로운 배열로 변환할 때 사용. 3. reduce: 배열의 요소를 이용하여 특정 연산을 수행 할 때 사용. (평균 값, 합산, 특정조건 요소개수) ..

FrontEnd_JavaScript 2021.09.29

[JavaScript] 함수(Function) 선언 및 활용.

함수(Function) ? --> 함수란 특정한 작업의 수행되도록 설계된 코드들의 집합이자, 독립적인 실행단위를 의미한다. 함수는 여러가지 형태태(기본함수, 객체속성, 화살표함수, 즉시실행 함수) 선언 및 활용이 가능하다. 즉시실행 함수(Immediately Function) ? --> 함수의 정의 및 호출 과정이 분리되지 않고, 함수를 정의함과 동시에 바로 실행하는 특성을 가지고 있다. -- 즉시실행함수 구조 cf) (function(파라미터) { // 여기에 실행할 내역 작성.. })(전달인자); javascript function exercise.. 1. 자바스크립트 함수선언 * 두개의 파라미터를 전달받아 덧셈을 처리하는 함수선언. (add_ex01~add_07) * 화살표함수는 자바스크립트의버전 ..

FrontEnd_JavaScript 2021.09.22