자바스크립트 공부9 [JavaScript] 자바스크립트 동기 작업과 비동기 작업 [JavaScript] 동기 작업과 비동기 작업 자바스크립트는 single thread로 실행된다. single thread에서 한번에 하나의 작업씩 수행하는 것을 동기 작업 또는 블로킹 작업이라고 한다. single thread에서 여러개의 작업을 동시에 수행하는 것을 비동기 작업 또는 논 블로킹 작업이라고 한다. 비동기 처리를 할 때는 자바스크립트에서 함수를 호출할 때 콜백함수를 붙여서 비동기 처리가 잘 끝났는지 확인할 수 있다. 아래와 같이 실행되는 것이 동기적 방식이다. (taskA 함수가 끝나야지 함수 바깥의 두번째 console.log가 실행된다. function taskA() { console.log("A 작업 끝"); } taskA(); console.log("코드 끝"); >>> A 작업.. 2022. 3. 3. [JavaScript] 자바스크립트 spread 연산자 [JavaScript] spread 연산자 spread 연산자를 사용하면 중복되는 값을 효과적으로 관리할 수 있다. const cookie = { base: "cookie", madeIn: "korea" }; const chocochipCookie = { base: "cookie", madeIn: "korea", toping: "chocochip" }; const blueberryCookie = { base: "cookie", madeIn: "korea", toping: "blueberry" }; const strawberryCookie = { base: "cookie", madeIn: "korea", toping: "strawberry" }; 위와 같이 cookie, chocochipCookie, bl.. 2022. 3. 3. [JavaScript] 자바스크립트 비구조화 할당 [JavaScript] 비구조화 할당 비구조화 할당을 사용하면 반복되는 변수를 줄여 쓰는데 유용하다. let arr = ["one", "two", "three"]; let one = arr[0]; let two = arr[1]; let three = arr[2]; // 반복되는 변수 arr을 아래와 같이 줄일 수 있다. let [one, two, three] = arr; // 위와 같이 대괄호를 사용하여 배열의 값을 순서대로 할당 받아 사용하는 것을 배열의 비구조화 할당이라고 한다. 배열의 선언 분리 비구조화 할당을 사용하면 더 단축해서 사용할 수 있다. // 아래와 같이 배열의 선언 분리 비구조화 할당을 사용하면 더 단축할 수 있다. let [one, two, three] = ["one", "two",.. 2022. 3. 3. [JavaScript] 자바스크립트 삼항연산자 [JavaScript] 삼항연산자 자바스크립트의 삼항연산자는 다음과 같이 사용한다. // 삼항연산자 let a = -3; a >= 0 ? console.log("양수") : console.log("음수"); // ? 앞의 조건이 참(true)이면 ? 뒤의 부분이 반환. // ? 앞의 조건이 거짓(false)이면 : 뒤의 부분이 반환. 중첩 삼항연산자는 if조건문으로 쓰는게 가독성이 높다. let score = 40; // 중첩 삼항연산자 score >= 90 ? console.log("A+") : score >= 50 ? console.log("B+") : console.log("F"); // 중첩 삼항연산자는 if조건문으로 변경하는 것이 더 가독성이 올라간다. if (score >= 90) { cons.. 2022. 3. 3. 이전 1 2 3 다음
