전체 글

프로미스(Promise)결괏값을 갖고 있는 나중에 까볼 수 있는 상자 -> 코드의 순서를 실행 순서와 맞출 수 있음setTimeout을 프로미스로 만들어쓰기`setTimeout`을 `Promise`로 만들어야 함 → `async/await` + `setTimeout`const delay = (ms) => new Promise((resolve, reject) => { setTimeout(resolve,ms);});await delay(3000);console.log('3초 뒤');async/await vs Promise.all`async/await`: 순차적`Promise.all`: 동시Promise.all 말고 Promise.allSettledconst a = Promise.resolve('a')con..

1장 노드 시작하기1. 핵심 개념 이해하기서버/ 자바스크립트 런타임/ 이벤트 기반/ 논블로킹 I/O/ 싱글 스레드Node.js는 Chrome V8 Javascript 엔진으로 빌드된 자바스크립트 런타임 Node.js — Run JavaScript EverywhereNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org서버네트워크 ~> 클라이언트에 정보나 서비스를 제공하는 컴퓨터 또는 프로그램클라이언트요청을 보내는 주체ex. 브라우저, 데스크톱 프로그램, 모바일 앱, 다른 서버에 요청을 보내는 서버 웹 사이트 방문주소창에 웹사이트 주소 입력(요청)브라우저) 주소에 해당하는 컴퓨터 위치 파악컴퓨터로부터 웹 사이트 페..

13. 비동기 프로그래밍비동기 처리 방식동기 처리 방식과 비동기 처리 방식ex.  커피 전문점에서 커피 주문하고 마시기동기 처리 방식A라는 사람이 커피를 주문 -> 그 주문을 받아서 커피를 만들고 A에게 넘겨줌뒤에 아무리 많은 손님이 있어도 한번에 하나의 손님만 처리주문을 받고 커피를 만드는 것이 한 과정-> 대기 줄이 점점 더 길어지고 주문을 처리하는데도 시간이 걸림비동기 처리 방식A라는 사람이 커피를 주문 -> 그 주문을 주방으로 넘김A에게는 진동벨을 주면서 커피가 완성되면 알려 주겠다고 함대기하고 있던 B의 주문을 받고 진동벨을 건네줌중간에 A의 커피가 완성되면 A에게 알려 준다싱글 스레드 vs 멀티 스레드스레드(thred)프로세스에서 작업을 실행하는 단위싱글 스레드: 한번에 하나의 스레드만 처리멀..

12. HTTP 통신과 JSONHTTP/HTTPSHTTP(HyperText Transfer Protocol)클라이언트와 서버 간에 자료를 주고받으려면 미리 약속된 규칙 필요: 프로토콜(protocol)웹에서는 HTTP라는 프로토콜 사용HTTP 요청(HTTP request): 클라이언트) 자료 요청 -> 서버 HTTP 응답(HTTP response): 서버) 응답 -> 클라이언트요청 헤더와 응답 헤더클라이언트) 사이트 주소 입력하고 [Enter] 누를 때사이트 주소 + 사용 중인 시스템 정보, 웹 브라우저 정보, 사용한 언어 등 다른 정보까지 함께 전송-> 서버로 요청할 때 보내는 헤더: 요청 헤더(request header)서버) 입력한 사이트를 찾아 -> 클라이언트응답 헤더(response header..

11. 배열과 객체 좀 더 깊게 살펴보기ECMAScript2015 + 기능 정리매개변수 기본값 지정 Ofunction hello(name, message) { console.log(`${name}님, ${message}`)}hello("도레미", "반갑습니다.") // "도레미님, 반갑습니다."hello("백두산") // "백두산님, undefined" 지정 Xfunction hello(name, message = "안녕하세요?") { console.log(`${name}님, ${message}`)}hello("도레미", "반갑습니다.") // "도레미님, 반갑습니다."hello("백두산") // "백두산님, 안녕하세요?"전개구문마침표 세 개(...)의 다양한 쓰임함수매개변수의 개수에 상관없이 매개변수를..

10. 문자열과 배열문자열에 접근하기원시 유형에서 메서드 사용하기자료형 중 단순히 값만 가지고 있을 때 -> 원시 유형(primitive type)원시 유형에서도 프로퍼티와 메서드를 사용할 수 있음ex. `str.length`숫자형과 논리형, 문자열 유형: 별도의 객체가 만들어져 있음Number, Boolean, String 객체: 래퍼 객체오토박싱(autoboxing)number, boolean, string 같은 원시 유형에서 프로퍼티나 메서드 사용 -> 일시적으로 원시 유형을 해당 객체로 변환프로퍼티나 메서드의 사용이 끝나면 해당 객체는 메모리에서 사라짐필요할 때만 임시로 객체로 바꿔 사용하고, 사용이 끝나면 다시 원시 유형으로 되돌아옴length - 문자열의 길이// 기본형문자열.length// ..