개발노트

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의 이미지 최적화를 사용할 수 있게 해준다.

남다름

그동안 만나본 수많은 디자이너들 중에 가장 의외였다. 서비스 서비스 구축 당시의 멤버도 아니었고 PM도 아닌 PD가 전반적인 프로세스를 정확하게 파악하고 있었고 서비스 E2E QA를 진행할 수 있을 정도로 디자인 업무 외적으로 커버하고 있는 역할이 커 보였다. 내가 만났던 디자이너의 느낌과 달랐다.

개인 포트폴리오 사이트에서 Works 내 작업물 컨텐츠를 일반 HTML 기반의 개별 컴포넌트 형태로 가지고 있다보니 운영 비용이 크고 코드의 양 또한 많아져서 리소스 낭비가 컸다. 무엇보다 하드 코딩 형태의 정적 파일이 비효율적이고 개선이 여지가 많아 보였다. 작업물을 추가할 때 마다 불편했다. 제작 당시 시간 없다는 핑계로 막 잡은 ul, li, br 태그로 난무한 페이지를 더 이상 지켜 보고만 있을 수는 없었다.