오늘 공부한 이론 🔍

• 비동기 처리 문법

  • 코드가 순차적으로 실행되는 대신, 특정 작업이 완료될 때까지 기다리지 않고, 다음 작업을 실행하는 프로그래밍 방식
  • 코드의 실행 흐름이 블로킹되지 않도록 도와줌.
  • 콜백 함수(Callback)

    • 매개변수로 함수를 객체로 전달해서 호출 함수 내에서 매개변수 함수를 실행하는 것

    • 파라미터로 일반적인 변수나 값을 전달하는게 아닌 ‘함수 자체를 전달’하는 개념

    • 매개변수에 함수를 전달해 일회용으로 사용하기 때문에 함수를 넘겨줄 때 ‘익명함수’ 형태로 넣어줌.

      function sayHello(name, callback) {
          const words = '안녕하세요 내 이름은 ' + name + ' 입니다.';
          
          callback(words);
      }
      
      sayHello("인파", function (name) { // 함수의 이름이 없는 익명 함수
      	console.log(name); 
      });
      

    • 익명 함수 사용

      • 일회용으로 사용되는 경우가 많아 코드의 간결성을 위해 사용
      • 함수 이름의 충돌 방지를 위해 사용

    • 화살표 함수 모양의 콜백

        var name = "Alice";
        callback(name); // 콜백 함수 호출
      }
      
      // 익명 화살표 콜백 함수
      sayHello((name) => {
        console.log("Hello, " + name);
      }); // Hello, Alice
      

    • 콜백 함수의 사용

      • 이벤트를 처리하기 위해 등록하는 이벤트 리스너로 콜백함수 사용됨.

      • 고차함수에 사용

        // numbers 배열의 각 요소에 대해 콜백 함수 실행 
        numbers.forEach(function (num) { 
            doubled.push(num * 2); // 콜백 함수로 각 요소 처리
        }); 
        

      • 타이머 실행 함수로 사용 (setTimeout, setInterval)

        setTimeout(function () {
          console.log("Time is up!"); // 콜백 함수로 콘솔에 메시지 출력
        }, 3000);
        

      • 콜백 지옥 (Callback Hell)

        • 함수의 매개변수로 넘겨지는 콜백 함수가 반복되어 코드의 들여쓰기 수준이 감당하기 힘들어질 정도로 깊어지는 현상
  • Promise
    • 하단에 별도 표기
  • async/await

• 병렬처리와 스레드

  • 병렬처리 : 여러 작업을 동시에 수행하는 방법
    • 작업 속도가 빨라짐
  • 스레드 : 프로세스 내에서 실행되는 가장 작은 단위
    • 여러 스레드가 병렬로 실행되며 작업을 처리

• 스레드 풀

  • 여러 스레드를 미리 생성해두고, 작업이 들어올 때마다 스레드를 할당하여 작업을 처리하는 구조
  • 스레드 생성과 소멸의 오버헤드 감소

• 객체지향 설계와 데이터 흐름

  • 데이터와 메서드를 객체의 단위로 묶어 프로그래밍 설계하는 기법
  • SOLID 원칙
    • SRP (Single Responsibility Principle) 단일 책임 원칙
    • OCP (Open Closed Principle) 개방 폐쇄 원칙
    • LSP (Liskov Substitution Principle) 리스코프 치환 원칙
    • ISP (Interface Segregation Principle) 인터페이스 분리 원칙
    • DIP (Dependency Inversion Principle) 의존 역전 원칙

• 이벤트 큐

  • 발생한 이벤트를 순차적으로 처리하기 위해 이벤트를 저장하는 자료구조
  • 비동기 작업이 완료되거나 특정 이벤트를 처리하는 데 사용됨.

• 이벤트 핸들러

  • 특정 이벤트가 발생했을 때 호출되는 함수나 메서드
  • 이벤트 큐에 있는 이벤트를 처리하는 역할을 함.

• Promise

  • 자바스크립트에서 비동기 작업을 처리하기 위해 사용되는 객체
  • 비동기 작업이 완료되면 resolve, 실패하면 reject 반환
  • Promise의 상태
    • 대기(pending) : 이행하지도, 거부하지도 않은 초기 상태
    • 이행 (fulfilled) : 연산이 성공적으로 완료됨
    • 거부 (rejected) : 연산이 거부됨.
  • 대기중인 프로미스는 값과 함께 이행할 수도, 어떤 이유(오류 등)로 인해 거부가 될 수 있음.
  • 이행이나 거부될 때, 프로미스의 then 메서드에 의해 대기열(큐)에 추가된 핸들러들이 호출됨.
  • 이미 이행했거나, 거부된 프로미스에 핸들러들을 연결해도 호출되므로, 비동기 연산과 핸들러 사이에 race condition은 없음.

  

  • 프로미스 동시성
    • Promise.all()
      • 모든 프로미스가 이행되면 이행되고, 프로미스 중 하나라도 거부되면 거부
    • Promise.allSettled()
      • 모든 프로미스가 해결되면 이행
    • Promise.any()
      • 프로미스 중 하나라도 이행되면 이행하고, 모든 프로미스가 거부되면 거부
    • Promise.race()
      • 프로미스 중 하나라도 해결되면 해결

• Event Emitter

  • 이벤트를 발생시키고, 등록된 핸들러를 호출하는 역할
  • 이벤트 중심의 비동기 처리를 구현하는데 사용됨.
  • Node.js에서 이벤트 기반 프로그래밍은 이벤트를 발생시키고 처리하는데 사용
  • Event Emitter의 메소드

    • emitter.on(event, listener): addListener() 이벤트를 생성 메소드

    • emitter.addListener(event, listener): on() 메소드와 동일

    • emitter.once(event, listener): 이벤트를 한 번만 연결한 후 제거

    • emitter.removelistener(event, listener): 특정 이벤트의 특정 이벤트 핸들러를 제거

      • 리스너 배열의 인덱스가 갱신되니 주의 필요!

    • emitter.removeAllListeners([event]): 모든 이벤트 핸들러를 제거

    • emitter.setMaxListeners(n): n으로 한 이벤트에 최대허용 개수를 지정

      • node.js는 기본값으로 한 이벤트에 10개의 이벤트 핸들러를 작성할 수 있는데, 11개 이상을 사용하고 싶다면 n값을 넘겨주면 됨.

        n값으로 0을 넘겨주면 연결 개수 제한 사라짐

    • emitter.emit(eventName[, ...args]): 이벤트를 발생시킴