두리안의 공부일지

async/await란? async(asynchronous) : 함수 안에 비동기적으로 실행할 부분이 있다는 것을 알림 → await이 있는 코드 & 함수에 Promise객체를 리턴하는 부분이 있다는 뜻await : 그 뒤에 코드를 실행하고, 그 코드가 리턴하는 Promise객체가 fulfilled/rejected 상태가 될 때까지 기다림... 해당 객체가 fulfilled 상태가 되면 그 작업성공결과를 추출해서 리턴함 | async 안에서만 사용 가능async 함수 안의 코드가 실행되다가 await을 만나면, 일단 await 뒤에 코드가 실행되고, 코드의 실행 흐름이 async 함수 바깥으로 나가서 나머지 코드를 실행 → 그 이후엔 await 뒤에 있던 Promise객체가 fulfilled 상태가 되기..

모듈이란? 파일을 분리해서 연관된 코드들을 묶어두는 것 | 한 파일에서 구현하고자 하는 게 더 명확해짐 | 코드 재사용 가능모듈파일의 조건모듈 스코프 : 모듈 파일들이 가지는 독립적인 스코프 | 모듈 내에서 선언한 변수, 함수는 그 모듈 안에서만 사용되어야 함 // html에서 모듈 선언: type="module" 지정 모듈 문법 // sub.jsexport const title = 'hello!';export function print(value){ console.log(value);}// main.js - 모듈 문법import {title, print} from './sub.js'print(title);이름 바꾸기// import {변수이름 as 바꿀변수이름} from 파일명import..

배열 메소드 ① - forEach와 map : for of문처럼 각 요소를 살펴보면서 반복적인 행동 가능map : 메서드 결과로 새로운 배열 리턴forEach : 리턴값이 없기 때문에 변수에 담았을 때 항상 undefined따라서 배열의 단순 반복 작업은 forEach, 새로운 배열이 필요하다면 map을 사용최대 반복 횟수는 메서드 호출 당시 요소의 개수const members = ['짱구', '맹구', '유리', '훈이'];for(let member of members) { console.log(`${members}님이 입장하셨습니다.`);}// forEachmembers.forEach(function (member) { console.log(`${member}님이 입장하셨습니다.`);});// for..

문법과 표현문장(statements)과 표현식(expressions)문장 : 어떤 동작이 일어나도록 작성된 최소한의 코드 덩어리표현식 : 결과적으로 하나의 값이 되는 모든 코드조건을 다루는 표현식삼항 연산자 : if문보다 간단하지만, 조건에 따라 변수를 선언하거나 반복문 실행은 X(모든 if문 대체 불가)[조건] ? [truthy할 때 표현식] : [falsy할 때 표현식]score > CUT_OFF? '합격!' : '불합격!';Spread 구문rest 파라미터와 차이점 : rest는 여러 개의 파라미터를 하나로 묶는 방식이고, spread는 하나로 묶인 값을 각각의 개별값들로 펼치는 방식주의사항 : 새로운 배열을 만들거나 함수의 아규먼트로 사용이 가능하지만, 객체로는 새로운 배열을 만들거나 함수의 아규..