만약 작업을 동기적으로 처리한다면 작업이 끝날 때까지 기다리는 동안 중지상태가 되기 때문에 다른 작업을 할 수 없다. 하지만 비동기적으로 처리를 한다면 흐름이 멈추지 않고 동시에 여러가지 작업을 처리할 수 있으며 기다리는 과정에서 다른 함수도 호출할 수 있다. function work() { const start = Date.now(); for (let i = 0; i < 1000000000; i++) {} const end = Date.now(); //현재 시간을 숫자 형태로 가져오는 내장 함수 console.log(end - start + 'ms'); // 작업이 얼마나 걸렸는지 알려줌 } work(); console.log('다음 작업'); 작업시간ms 다음 작업 위의 코드는 work() 함수가 호..

for ... of - 배열에 관한 반복문을 돌리기 위해 사용 let numbers = [10, 20, 30, 40, 50]; for (let number of numbers) { console.log(number); } for ... in - 객체를 위한 반복문 const doggy = { name: '멍멍이', sound: '멍멍', age: 2 }; for (let key in doggy) { console.log(`${key}: ${doggy[key]}`); }

객체 배열 const 배열명 = [{key: value}, {key: value}, ..., {key: value}]; 배열 항목 추가 배열명.push({key: value)); 배열 크기 배열명.length

key:value 형태로 저장 const dog = { name: "멍멍이", age: 2 }; const ironMan = { name: '토니 스타크', actor: '로버트 다우니 주니어', alias: '아이언맨' }; const captainAmerica = { name: '스티븐 로저스', actor: '크리스 에반스', alias: '캡틴 아메리카' }; console.log(ironMan); console.log(captainAmerica); 객체 안에 함수를 넣을 수도 있다 const dog = { name: '멍멍이', sound: '멍멍!', say: function say() { console.log(this.sound); } }; dog.say(); - 함수가 객체안에 들어가게 되..

함수에서 객체를 파라미터로 받기 함수에서 객체를 파라미터로 받아오면 아래와 같은 형태로 사용한다. $(객체명.키) const ironMan = { name: '토니 스타크', actor: '로버트 다우니 주니어', alias: '아이언맨' }; const captainAmerica = { name: '스티븐 로저스', actor: '크리스 에반스', alias: '캡틴 아메리카' }; function print(hero) { const text = `${hero.alias}(${hero.name}) 역할을 맡은 배우는 ${hero.actor} 입니다.`; console.log(text); } print(ironMan); print(captainAmerica); 아이언맨(토니 스타크) 역할을 맡은 배우는 ..

- 함수를 만들 때는 function 키워드를 사용 - 함수 내부에서 return 키워드를 사용하여 함수의 결과물을 지정 - 추가적으로, return 을 하게 되면 함수가 끝남. 만약 다음과 같이 코드가 작성된다면, return 아래의 코드는 호출이 안 됨 화살표 함수 const add = (a, b) => { return a + b; }; console.log(add(1, 2)) - function 키워드 대신에 => 문자를 사용해서 함수를 구현 - 화살표의 좌측에는 함수의 파라미터, 화살표의 우측에는 코드 블록 i) 중괄호를 사용하는 경우 : return 키워드를 필수적으로 사용해야된다. ii) 중괄호가 사용하지 않는 경우 : return 키워드 없이 바로 return 하는 경우 중괄호를 사용하지 않..