프로그래밍⚡️/javscript 12

자바스크립트 spread operator(전개 구문)

자바스크립트에는 spread operator라는 기능이 있다. 문자열이나 배열을 자르는 용도로 사용된다. 이 기능은 ES6 부터 기능이 추가되었다고 한다. 사용법은 아래와 같다. 변수 앞에 ... 을 붙여주면 된다. const test = [10, 20, 30, 40, 50]; console.log(test) // [10, 20, 30, 40, 50] console.log(...test) // 10 20 30 40 50 두개의 배열을 붙여 사용할 때는 아래와 같이 출력하면 된다. const test = [10, 20, 30, 40, 50]; const test1 = [60, 70, 80, 90, 100]; console.log(...test, ...test1) // 10 20 30 40 50 60 70 ..

자바스크립트 동기, 비동기

함께 스터디하는 분이 자바스립트는 동기 비동기 이해가 중요하다면서 1시간 정도 여러 예문으로 설명을 해주셨다. 집에 와서 여러 예문과 영상을 보면서 이해한 바로는 아래와 같다. 1. 자바스크립트는 싱글 스레드로 동기 처리가 기본이다.(첫 번째 코드가 실행되고 다음 줄의 코드가 실행된다는 개념이다.) 2. 동기 처리의 경우 첫 번째 코드가 오랫동안 연산되면 두 번째 코드는 그 시간동안 기다려야하기 때문에 프로그램 처리 속도가 느려진다. 3. 위와 같은 경우 비동기를 사용하여 해결할 수 있으며, 비동기 함수인 async를 사용하면 동시에 두 가지 코드를 동작시킬 수 있다. 동기 비동기 개념이 헷갈린다면 이미지를 떠올리면 좋다. 동기는 동일한 기찻길의 줄임말로 생각하면 된다. 하나의 동일한 기찻길에 여러 기차..