[TIL] Week 4 백엔드 기초 : Node.js

🔗 HTTP method

HTTP에 담아보내는 나의 목적

• POST : 생성 (등록) 
• GET : 조회
• PUT : 수정 - 덮어쓰기
• PATCH : 수정 - 값이 바뀌면 수정; 부분수정
  
  • 마이페이지에서 연락처, 이메일, 집주소, 이름 등을 수정할 수 있는데 이걸 항상 동시에 바꾸지 않고 특정 요소만 변경  -> 부분 수정
  • PATCH는 조건이 좀 까다로운 면이 있어 PUT를 주로 사용 
• DELETE : 삭제
• HEAD : 응답 헤더만 조회

• OPTIONS : 특정 리소스에 대해 지원되는 HTTP method 조회
• CONNECT : 프록시 서버와의 연결을 설정하는데 사용
• TRACE : 클라이언트가 서버에 요청한 내용을 그대로 반환받는데 사용 

 

🔖 Node.js

자바 스크립트를 스크립트 언어 이상으로 프로그래밍 언어 역할을 할 수 있도록 지원하는 플랫폼

 

기존 자바스크립트는 웹 안에서만 사용 가능

✨ 이를 웹 밖에서도 사용할 수 있도록 해주는 것이 Node.js

 

대표적인 특징 3가지

1. 싱글 스레드
   주방에 요리사가 한명이라 주문이 밀려들어와도 혼자 어떻게든 해내야함
2. 이벤트 기반
   주문이 있을 때만 요리 즉, 주문이 없으면 일 안함
3. 논블로킹 I/O
   요리를 순차적이 아니라 비는 시간이 있다면 다른 거 먼저 처리
   ex. 라면 1개 완성하는데 10분, 그 중 5분은 물 끓이는 시간
   볶음밥 완성하는데 5분
   ⇒ 라면 물 끓는 동안 볶음밥 요리한 후 라면 마무리
   
   

💡 Node.js는

한번에 하나의 요청만 수행할 수 있으며,
여러 요청이 들어올 경우 비동기로 수행하고
요청이 있는 경우에만 동작하는 플랫폼

 

⌨️ 논블로킹 실습

 

⚠️ VSCode에 재생버튼이 안보인다면?

확장 프로그램 설치하면 우측 상단에 재생 버튼이 나타난다.

사용할 때에는 반드시 작성한 코드를 "저장" 후 사용해야 한다.

 

function first() {
    console.log("첫 번째");
}

function second() {
    console.log("두 번째");
}

function third() {
    console.log("세 번째");
}

이런 함수를 실행해보자.

 

first();
second();
third();

순서대로 호출하면

 

순서대로 호출된다.

 

 

만약 중간에 비는 시간이 생긴다면 어떨까

setTimeout() 이라는 내부 모듈을 사용해 second를 2초 뒤에 실행되도록 해보자.

 

first();
setTimeout(second, 2000); // 2초 뒤에 second 실행
third();

그럼 2초 기다리는 동안 뒤에있던 thrid()를 먼저 실행하고 그 다음에 second를 실행한다.

 

이것이 바로 논블로킹이다.

 

📚 모듈 (=라이브러리)

라이브러리 = 도서관

도서관에는 수많은 책들이 카테고리별로 분류되어있고

원하는 카테고리를 찾아 원하는 책을 골라 빌릴 수 있다..

 

단, 고르기 어려울 수도 시간이 많이 소요될 수도 있다.

 

라이브러리, 즉 모듈도 마찬가지이다.

내가 만든 것이 아니라 선배 개발자가 만들어둔 코드 덩어리를 빌려다 사용하는 것이다. 

 

모듈을 가져다 사용하는 방법에는 크게 두가지가 있다.

1. 내장(표준) 모듈 : 기본적으로 제공하는 모듈

    ex. setTimeout(), console.log()

2. 외부 모듈 : npm 사용 

 

 

그럼 프레임워크는 무엇일까?

내가 만들고 싶은 서비스를 구현하는데 필요한 모든 일을 틀 안에서 하는 것이 프레임워크다.

서비스를 완성한는데 필요해보이는 라이브러리(모듈)을 미리 틀 안에 넣어둔다.

 

고로 Node.js는 프레임워크가 아니다!

 

 

하지만 Node.js 덕분에 자바스크립트로 모듈을 생성하고 사용할 수 있게 되었다.

함수를 exports해서 다른 곳에서 사용하는 것이 그 예이다.

 

🎈 NPM

외부 모듈을 내 프로젝트에서 사용할 수 있도록 해주는 것

npm이 저장소에 외부 모듈을 설치하는 것을 우리가 원하는 프로젝트에 자동으로 해준다.

 

npm 라이브러리를 찾아볼 수 있는 사이트

npm | Home

 

설치 : npm install 모듈명

• npm i 모듈명 -g : -global(전역)의 약자로, 컴퓨터에 있는 모든 프로젝트에 설치 (비추천) 

삭제 : npm uninstall 모듈명 

 

npm install를 진행하고 나면 package.json, package-lock.json과 같은 파일들이 자동으로 생성된다.

• json : 자바스크립트 객체가 생긴 모양
• package.json : despendencies가 뭐가 있는지에 대하여 작성된 파일
• package-lock.json : 프로젝트 이름부터 기타 자세한 내용들이 작성된 파일 

 

 ✔️ 콜백 함수

함수의 매개변수로 변수 또는 값을 전달하는 것이 아니라, 함수를 전달하는 것

 

✔️블록스코프

다른 말로 지역변수( ↔ 전역변수 ), 괄호 안에서만 사용한단 의미

{} 안에서 선언되었다면 {} 밖에서는 사용할 수 없다.

 

 

대표적으로 const와 let 이 있다.

• const : 초기화 이후 값 변경 불가능
• let : 초기화 이후 값 변경 가능

다른 언어들은 대부분 블록 스코프이기에 웬만하면 var보단 const와 let을 사용하는 것이 좋다.

 

✔️ 템플릿 문자열

문자열에 변수를 함께 사용할 때, 보다 편리하게 사용할 수  있도록 도와주는 것

 

console.log(num1 + " X " + num2 + " = " + num3);

기존에는 변수와 문자열을 + 로 연결해 작성했다면

 

console.log(`${num1} X ${num2} = ${num3}`);

백틱(``) 안에 함께 작성하되 변수만 ${ } 안에 넣음으로써 더욱 직관적이고 편하게 사용 가능하다.