12월 25일 아침에 서울 기숙사에 입사했다.
25-26 이틀 동안 아빠랑 홍대 슬로우타코에서 플래터도 먹고
DDP에서 살바도르 달리전도 봤다.
신당동 마복림 막내아들집에서 떡볶이도 먹었다.
아빠가 집으로 돌아간지 하루 밖에 안됐는데 벌써 보고싶다.
집에 가고싶다. 엄마 아빠 보고싶다.

Node.js는 javascript 런타임 입니다.
Node.js는 이벤트 기반, 논 블로킹 I/O모델을 사용해 가볍고 효율적입니다.

자바스크립트 런타임?

런타임: 프로그래밍 언어가 구동되는 방식
Node.js의 등장으로 js의 구동 범위가 브라우저에서 서버, 머신러닝, 데스크탑 앱등까지 확장되었다.

=> Node.js는 js를 이용할 수 있는 분야를 넓혔다.

이벤트 기반

: 이벤트가 발생할 때 미리 지정해둔 작업을 수행하는 방식

1. 실행 순서대로 호출스택에 쌓기
2. 백그라운드 필요작업은 백그라운드로 이동
3. 백그라운드에서 작업이 완료되면 태크스 큐로 이동
4. 호출스택들이 다 완료되면 이벤트 루프가 테스큐 작업을 호출스택으로 이동

논 블로킹 I/O모델

: 시간이 오래 걸리는 작업을 백그라운드에서 처리하고, 처리하는 동안에도 클라이언트는 요청을 보낼 수 있다.
서버에서 이전의 요청이 끝나는 즉시 응답한다.
기다리지 않고 응답과 요청을 받을 수 있다는 것이 장점

1. 이전 작업이 완료될 때 까지 기다리지않고, 다음 작업들을 수행
2. 오래걸리는 작업은 백그라운드에서 처리

<=> 블로킹 I/O모델

서버가 클라이언트가 요청한 작업을 수행하는 동안 클라이언트는 대기, 작업 수행 도중 클라이언트가 또 다른 요청을 보내도 서버는 이를 수행할 수 없음

스레드

: 작업을 실행하는 단위, 모든 요청들을 실행하는 단위

싱글스레드

: 주어진 작업을 한개의 스레드가 처리하는 방식
브라우저에서 스레드에 요청을 보내고 스레드는 브라우저에 응답함, 하나의 스레드가 다수의 요청에 응답

1. 주어진 작업을 혼자 처리하는 방식
2. 스레드에 문제가 생길 시 전체에 문제가 생길 가능성 있음
3. 메모리나 기타 자원을 효율적으로 사용 가능

<=> 멀티스레드

: 하나의 요청에는 하나의 스레드, 요청과 응답이 많아지면 스레드 갯수가 늘어남

1. 여러개의 스레드가 일을 나눠 처리
2. 하나의 스레드가 문제가 생겨도 다른 스레드로 대체 가능(안정적인 서버 운영 가능)
3. 스레드간의 작업 전환 비용, 놀고 있는 스레드 문제 발생

Node.js의 장점

1. 싱글 스레드, 논블로킹 I/O에 따른 빠른 속도
2. 컴퓨터 자원을 덜 사용
3. I/O작업이 많은 서버로 적합(채팅, 스트리밍)
4. Javascript를 사용하기에 프론트엔드 개발자 사용 용이
5. 생산성이 높음(빠른 개발 가능)

Node.js의 단점

1. 싱글 스레드 기반이라 자원을 많이 먹는 작업이 오면 부하가 크게 걸림
2. 싱글 스레드는 CPU코어 한개만 사용 => CPU 작업 많은 서버로 부적합(게임서버 등)
3. 로직이 복잡한 경우 콜백함수의 늪에 빠질 수 있음
4. 에러가 발생하는 프로세스 자체가 죽어버림

Node.js에 어울리는 서비스

1. 간단한 로직으로 구성된 서비스
2. 빠른 응답시간이 요구되는 서비스
3. 빠른 개발이 요구되는 서비스
4. 비동기방식에 어울리는 서비스(채팅, 스트리밍 서비스)
   넷플릭스, 페이팔, 링크드인, 페이스북 등에서 사용됨

Node.js를 위한 ES6

1. var, let, const

var

• function scope를 가지고 있는 변수선언방식,
   (함수 안에서만 유효한 범위를 가짐)
• 최근에는 사용하지않는 추세
  *scope: 변수에 접근할 수 있는 범위

var hello = "hello";

function sayHello는 () {
    var hello = "hello hello"
    console.log(hello);
}
console.log(hello);

// hello
// function sayHello는 sayHello();에서 실행됨

var hello = "hello";

if(true) {
    var hello = "hello hello";
}

console.log(hello);

// hello hello
// if문안에 선언된 hello가 이전의 변수를 덮어씀

let (변수)

• 값을 재정의 할 수 있는 변수 선언 방식

let hello = 'first hello';
hello = 'second hello';

console.log(hello);

// 한 번 정의한 변수를 재정의 할 수 있음

• var와 달리 let hello를 중복으로 선언할 수 없다.

let hello = 'first hello';
let hello = 'second hello';

console.log(hello);

//SyntaxError: Identifier 'hello' has already been declared

• 중괄호{ } scope를 가지고 있다.
  : 중괄호 안에서만 유효한 범위를 가짐

let hello = 'first hello';

if (true){
    let hello = 'second hello';
    console.log(hello);
}

console.log(hello);

// second hello
// first hello

const (상수)

• 값을 재정의할 수 없는 변수 선언 방식

const hello = 'first hello';
hello = 'second hello';

console.log(hello);

// TypeError: Assignment to constant variable.
// 한번 정의되면 재정의할 수 없음

• 중괄호{ } scope를 가지고 있다.
  : 중괄호 안에서만 유효한 범위를 가짐

const hello = 'first hello';

if(true) {
    const hello = 'second hello';
    console.log(hello);
}

console.log(hello);

// second hello
// first hello
// 밖의 hello와 if안의 hello는 다른 hello임

2. Arrow function (화살표함수)

• ES6 이후에 새로 나온 문법
• function 키워드 보다 간단히 함수 표현 가능

const foo = () => {
    console.log('arrow function');
};

foo();

// arrow function

위의 화살표 함수는 아래의 함수와 동일하다.

 function foo() {
     console.log('arrow function');
 };

const foo = (x) => {
    return x;
};

console.log(foo('arrow'));

// arrow
// x는 매개 변수

• 매개변수가 하나 일 때

// 매개변수가 하나라면 소괄호 ( ) 생략가능
// 함수가 바로 return된다면 중괄호 { } 생략가능
const foo = x => x;

console.log(foo('arrow'));

• 매개변수가 두 개 일 때

const foo = (x, y) => x + y;

console.log(foo(1, 5)); // 6

• 바로 return하지 않는 경우는 중괄호 생략불가

const foo = (x, y) => {
    console.log('두 줄 이상');
    return x + y;
};

console.log(foo(1, 5));

// 두 줄 이상
// 6

3. 비구조화 할당

: 객체, 배열안의 값을 추출해서 변수, 상수에 바로 선언하는 문법

const object = {a: 1, 
                b: 2};

 const a = object.a;
 const b = object.b;

console.log(a);
console.log(b);

위의 코드와 아래의 코드는 같음

const object = {a: 1, 
                b: 2};

const {a, b} = object;

console.log(a);
console.log(b);

• 배열에서도 사용가능

const array = [1, 2];
const [one, two] = array;

console.log(one);
console.log(two);

4. Promise, Async, Await

Javascript의 가장 큰 특징 => 비동기

비동기?

: Task, 코드의 흐름을 기다리지않고 각자 수행한 다음에
  먼저 끝나는 순서대로 결과값을 출력

따라서 js에서는 순차적 작업을 위해 callback방식을 취함

callback?

$("#button").click(() => {
  alert("btn clicked!!")
});

// 클릭이 실행된 후 알림창이 실행되도록 콜백함수로 일련적인 흐름을 만듦

콜백함수를 남발할 경우 callback hell(콜백지옥)이 발생할 수 있음

callback hell?

: 콜백함수의 중첩으로 한 번에 알아보기 힘든 코드

콜백지옥을 탈출하기 위해 promise라는 문법이 등장함

Promise

promise의 3가지 상태

1. pending (대기상태)
   : promise를 호출하게되면 나오는 상태
2. pullfilled (이행상태)
3. rejected (실패상태)  for.에러 핸들링

• promise는 하나의 함수를 실행하고 then을 통해서
  일련의 흐름을 제어함
• then: promise를 호출
• 여러개의 then을 사용해서 흐름을 만들 수 있음,
  앞선 then의 return값을 이후 then이 매개변수로 받아옴

// 성공
function sayHello() {
    return new Promise((resolve, reject) => {
        const hello = 'hello hello';
        resolve(hello);
    });
}

sayHello().then((resolvedData) => {
    console.log(resolvedData)
}); // hello hello

// resolve : 성공 시 호출됨
// reject : 실패 시 호출됨

• catch를 통해 어떤 에러가 발생했는지 콘솔에 기록함

// 실패
function sayHello() {
    return new Promise((resolve, reject) => {
        reject(new Error());
    });
}

sayHello()
    .then((resolvedData) => {
        console.log(resolvedData);
    })
    .catch((error) => {
    console.log(error);
});

콜백지옥 해결을 위해 promise의 then을 사용하였는데,
then이 많아지면 이 또한 복잡해보이는 문제를 해결하기 위해 만들어진것이 Async와 Awaits

Async, Await

function sayHello() {
    return new Promise((resolve, reject) => {
        const hello = 'hello hello';
        resolve("hello!!!");
    });
}

async function test() {
    const hello1 = await sayHello();
    console.log(hello1);
}

test(); 

// hello!!!
// sayHello의 return 값을 hello1에 저장함