개발노트

호출 스택이란?

호출 스택(Call Stack)은 자바스크립트 엔진이 함수 호출을 관리하고 실행 흐름을 제어하는 데 사용하는 자료 구조입니다. 호출 스택은 LIFO(Last In, First Out) 구조로 동작하며, 가장 마지막에 추가된 항목이 가장 먼저 제거됩니다. 호출 스택의 주요 역할은 실행 컨텍스트를 관리하는 것입니다.

실행 컨텍스트란?

실행 컨텍스트(Execution Context)는 자바스크립트 코드가 실행될 때 생성되는 환경으로, 변수, 함수, 객체 등이 어떻게 실행되고 저장될지 결정하는 중요한 개념입니다. 실행 컨텍스트는 크게 세 가지 유형으로 나뉩니다.

Promise란?

Promise는 JavaScript에서 비동기 작업을 처리하기 위해 사용되는 객체입니다. 비동기 작업이 완료된 후 그 결과를 처리하는 방법을 제공하며, 콜백 함수의 중첩으로 인한 복잡성을 줄여줍니다. Promise는 주로 다음 세 가지 상태를 가집니다.

스코프란?

스코프는 변수나 함수가 접근할 수 있는 유효 범위를 의미합니다. 자바스크립트에서는 주로 두 가지 스코프가 있습니다.

1. 전역 스코프(Global Scope)
   • 코드 어디서나 접근할 수 있는 범위입니다.
   • 전역 스코프에 선언된 변수나 함수는 프로그램 전체에서 사용할 수 있습니다. ```js var globalVar = “나는 전역 변수입니다”;

UUID(Universally Unique IDentifier)란?

• UUID는 정보 식별을 위하여 사용되는 식별자다.
• 128-bit 숫자로 이루어져 있으며, xxxxxxxx-xxxx-Mxxx-Nxxx-xxxxxxxxxxxx 형식으로 표현한다.
• UUID의 장점 중, 데이터들이 나중에 단일 DB로 통합되거나, 같은 채널에서 전송되더라도 식별자가 중복될 확률이 매우 낮다는 점이 있다.

iron session?

서명 및 암호화된 쿠키를 사용하여 데이터를 저장하는 Node.js의 stateless 세션 유틸리티이다. Next.js, Express 및 Node.js HTTP 서버에서 동작한다. 세션 데이터는 암호화된 쿠키(”seals”)에 저장된다. 그리고 사용중인 서버에서만 세션 데이터를 디코딩할 수 있다. iron session은 세션 ID가 없으므로 서버 관점에서 Iron 세션을 “무상태”로 만든다.

Axios Interceptor란?

Axios Interceptor는 axios의 request와 response를 가로채 필요한 기능을 추가할 수 있다. axios의 return type이 Promise인 점을 이용해 특정 요청 전 부가 작업을 할 수 있게 해주는 라이브러리이다.

우선 stop, kill 두 명령어 모두 실행 중인 컨테이너를 종료할 때 사용하는 명령어이다.

Next.js로 만든 프로젝트를 EC2에 올려서 테스트 해보기 위해 EC2 내부에서 코드를 clone 하고 yarn으로 의존성 패키지를 설치하려고 했다.

Next.js는 Image 컴포넌트를 사용한 이미지 최적화를 지원한다. 이미지의 퀄리티는 유지하면서 용량을 줄이고 디바이스별 최적화를 하는 등 다양한 기능을 지원한다. 하지만 로컬이 아닌 외부에서 이미지를 가져와 사용하는 경우에는 악의적인 사용을 방지하기 위한 별도의 처리가 추가로 필요하다. next.config.js에서 remotePatterns 속성으로 옵션에 설정할 수 있다. 지정한 도메인에 있는 이미지만 가져와 Next.js의 이미지 최적화를 사용할 수 있게 해준다.