반응형 JavaScript18 [JavaScript] 비동기 JavaScript는 동기적 언어이다. 동기(synchronous) JavaScript는 싱글 스레드 기반으로 동작하는 언어로 특정 코드의 실행이 완료될 때까지 기다리고 난 후 다음 코드를 수행하는 한다. 컴퓨터 발전에 따라 하나의 컴퓨터가 여러 작업을 처리하는 등의 기능이 필요하게 되었다. → 비동기식이 필요하다.(ex.유튜브, 게임 등) 비동기(asynchronous) 특정 코드의 실행이 완료될 때까지 기다리지않고 다음 코드들을 수행하는 것 JavaScript 비동기적 실행(Asynchronous execution) 아래 작업의 경우 비동기적 실행으로 작동되어야 효율적이다. 백그라운드 실행, 로딩 창 등의 작업 인터넷에서 서버로 요청을 보내고, 응답을 기다리는 작업 큰 용량의 파일을 로딩하는 작업 비.. 2023. 5. 4. redux Redux란? 자바스크립트 상태 관리 라이브러리이다. Redux의 구조 상태가 변경되어야 하는 이벤트 발생, 변경될 상태에 대한 정보가 담긴 Action객체 생성 Action객체는 Dispatch 함수의 인자로 전달 Dispatch 함수는 Action 객체를 Reducer 함수로 전달 Reducer 함수는 Action 객체의 값을 확인하고, 그 값에 따라 전역 상태 저장소 Store의 상태를 변경 상태가 변경되면 React는 화면을 다시 렌더링 Store 상태가 관리되는 저장소의 역할을 한다. Redux 앱의 state가 저장되어 있는 공간 createStore메서드를 활용해 Reducer를 연결해서 Store를 생성할 수 있다. import { createStore } from 'redux'; cons.. 2023. 4. 24. [JavaScript] 함수선언식, 함수표현식, 화살표함수 목차 함수의 구성 요소 자바스크립트에서 함수를 정의하는 방식 1. 함수 선언문 - 함수 선언문을 사용해 함수를 정의하는 방식 예시 function add(x, y) { return x + y; } console.log(add(5, 6)); // 11 - 함수 선언문은 함수 이름을 생략할 수 없다. function (x, y) { return x + y; } // Error: Function statements require a function name 2. 함수 표현식 - 함수 표현식을 사용해 함수를 정의하는 방식 예시 - 함수 표현식은 함수 객체를 변수에 할당할 수 있는 함수 정의 방식이다. const add = function (x, y) { return x + y; }; console.log(add.. 2023. 3. 26. [JavaScript] 배열, 배열 메서드(method) 배열(array) : 순서(index)가 있는 값 순서(index)는 0부터 시작함 각각의 값은 배열 요소 (element)라고 함 순서(Index) [0] [1] [2] 요소(Element) apple banana orange 배열 생성하기 // 1. 대괄호 사용하여 배열 생성 const arr1 = ['apple', 'banana', 'orange']; console.log(arr1) // ['apple', 'banana', 'orange'] // 2. 배열 생성자(constructor) 사용하여 배열 생성 const arr2 = new Array('apple', 'banana', 'orange'); console.log(arr2) //['apple', 'banana', 'orange'] 배열 관련 .. 2023. 3. 25. 이전 1 2 3 4 5 다음 반응형
