동기 방식 자바스크립트는 코드가 작성된 순서대로 작업을 처리함 이전 작업이 진행 중 일 때는 다음 작업을 수행하지 않고 기다림 먼저 작성돈 코드를 먼저 다 실행하고 나서 뒤에 작성된 코드를 실행한다. -> 동기 방식의 처리 동기적 처리 방식의 문제점 동기적 처리의 단점은 하나의 작업이 너무 오래 걸리게 될 시, 모든 작업이 오래 걸리는 하나의 작업이 종료되기 전까지 모두 멈추기 때문에, 전반적인 흐름이 느려진다. 웹사이트에서 버튼 하나하나마다 30초씩 걸리게 된다. -> 동기 처리 방식의 문제점 멀티 쓰레드 코드를 실행하는 일꾼 Thread를 여러 개 사용하는 방식인 'MultiThread' 방식으로 작동시키면 이런 식으로 분할 작업 가능 오래 걸리는 일이 있어도 다른 일꾼 Thread에게 지시하면 되므..

... 스프레드 연산자 펼치는 연산자 -> 객체의 값을 새로운 객체에 부여해줌 const cookie = { base: 'cookie', madeIn: 'korea' }; const chocochipCookie = { ...cookie, toping : 'chocochip' }; const blueberrypCookie = { ...cookie, toping : 'blueberry' }; const strawberryCookie = { ...cookie, toping : 'strawberry' }; console.log(chocochipCookie); // {base: "cookie", madeIn: "korea", toping: "chocochip"} console.log(blueberrypCookie..

let arr = ['one', 'two', 'three']; let one = arr[0]; let two = arr[1]; let three = arr[2]; console.log(one, two, three); // one, two, three 위와 같이 작성하게 되면 너무 길어진다. 이거를 줄일수가 있다. 배열 비구조화 할당 let arr = ['one', 'two', 'three']; let [one, two, three] = arr; console.log(one, two, three); // one, two, three 배열 선언 분리 비구조화 할당 let [one, two, three] = ['one', 'two', 'three']; console.log(one, two, three); //..

function isKoreanFood(food) { if(food === '불고기' || food === '비빔밥' || food === '떡볶이') { return true; } return false; } const food1 = isKoreanFood('불고기'); const food2 = isKoreanFood('파스타'); console.log(food1); // true console.log(food2); // false 위와 같이 작성을 해도 되는데 food의 개수가 많아지면 코드가 복잡해진다. includes는 이 안에 있으면 true 없으면 false로 나타내어주는 함수다. function isKoreanFood(food) { if(['불고기', '떡볶이', '비빔밥'].includes..

논리 연산자 // console.log(true && ture); // true // 둘 다 true(그리고) console.log(true || false); // true // 둘 중 하나만 true(또는) // console.log(!true); falsy 값을 그대로 반환 const getName = (person) => { return person && person.name }; // person에서 falsy한 값이기에 person.name까지 안감 let person; const name = getName(person); console.log(name); // undefined const getName = (person) => { const name = person && person.name..

삼항 연산자를 하게 되면 아래와 같은 코드를 한줄로 가능 let a = 3; if( a >= 0) { console.log("양수"); } else { console.log("음수"); } 삼항연산자 조건문 ? 참일 때 실행한 코드 : 거짓일 때 실행할 코드; let a = 3; a >= 0 ? console.log("양수") : console.log("음수"); // 양수 빈 배열 확인 let a = []; if (a.length === 0) { console.log("빈 배열"); } else { console.log("안 빈 배열"); } 삼항 연산자 let a = []; a.length === 0 ? console.log("빈 배열") : console.log("찬 배열"); 삼항연산자 식 저장해..