JavaScript Memory 자바스크립트에서 메모리 관리는 자바스크립트 엔진에서 자동적으로 관리해준다. 하지만 자바스크립트를 사용하는 개발자라면 어느 정도 이해는 해놔야 될 것 같아 정리하였다. 🔹자바스크립트 메모리 생명 주기 자바스크립트 엔진은 변수나 함수 등을 생성할 때, 메모리를 할당하고 필요하지 않으면 해제한다. 메모리 할당은 말 그대로...

AD Platform Webpack → Vite Migration 회사에서 기존 AD Platform에서 새로운 Feature를 개발하는 도중, 프로젝트 규모 자체가 커서 그런지 HMR과 서버를 재시작하거나 빌드할 때 시간이 상당히 오래 걸렸다. 그 전에 다른 프로젝트에서 Vite를 도입했던 기억이 떠올라 이번엔 Webpack에서 Vite로 마이그레...

해당 포스트는 IAB OpenDirect 공식 문서를 나름 번역하며 공부하고 정리한 글이며 빠진 내용 혹은 오역, 잘못된 내용이 있을 수 있음 🖥️ Open Direct Open Direct를 통해 퍼블리셔가 구매자에게 Open Direct의 표준에 맞춰 구축한 프로그래매틱한 인터페이스를 통해 광고 인벤토리를 제공할 수 있다. 인벤토리란? ...

Vite ✏️ Vite란? 빠르다, 날쌔다, 신속하다. Vite는 프랑스어로 빠르다라는 뜻이 있다. 웹 어플리케이션의 빌드를 도와주는 도구인데, 말 그대로 빠른 속도로 빌드를 도와준다. 공식 문서에서는 두 가지의 컨셉을 잡고 있다고 한다. 개발 시 네이티브 ES Module을 넘어 더욱 다양한 기능을 제공합니다. 가령...

🔗 옵저버 패턴 알아보기 https://oyhun00.github.io/posts/design-pattern-behavioral-observer/ 상태가 변하는 특정 객체를 관찰자(옵저버)들이 관찰(구독)하고, 특정 객체에서 상태의 변화가 나타날 때 자신을 구독하고 있는 옵저버들에게 상태가 변화 됐음을 알려주는(발행) 발행/구독 패턴이다. 저번에 ...

✏️ Factory (팩토리) 란? 인스턴스 생성을 처리하는 클래스를 팩토리(Factory)라 한다. 인스턴스의 생성을 서브 클래스에게 결정하도록 위임하는 방식이다. 팩토리를 사용하게 되면 객체 생성 작업을 팩토리로 캡슐화하여 변경이 필요할 시점에 여기저기 수정할 필요 없이, 팩토리 클래스 하나만 수정하여 유지보수가 용이하도록 도와준다. 🍕 피자집...

✏️ Decorator Pattern (데코레이터 패턴) 이란? 기본 기능에 추가할 수 있는 기능의 종류가 많은 경우, 각 추가 기능을 Decorator 클래스로 정의한 후 필요한 Decorator 객체를 조합함으로써 추가 기능의 조합을 설계하는 방식 - 위키백과 객체에 추가적인 기능을 서브 클래스를 생성하는 방식보다 훨씬 유연하게 동적으로...

✏️ Observer Pattern (옵저버 패턴) 이란? 옵서버 패턴은 객체의 상태 변화를 관찰하는 관찰자들, 즉 옵저버들의 목록을 객체에 등록하여 상태 변화가 있을 때마다 메서드 등을 통해 객체가 직접 목록의 각 옵저버에게 통지하도록 하는 디자인 패턴이다. 주로 분산 이벤트 핸들링 시스템을 구현하는 데 사용된다. - 위키백과 상태가 변하...

✏️ Command Pattern (커맨드 패턴) 이란? 커맨드 패턴(Command pattern)이란 요청을 객체의 형태로 캡슐화하여 사용자가 보낸 요청을 나중에 이용할 수 있도록 메서드 이름, 매개변수 등 요청에 필요한 정보를 저장 또는 로깅, 취소할 수 있게 하는 패턴이다. - 위키백과 즉, 이벤트가 발생할 때, 실행될 기능들을 캡슐화...

✏️ Strategy Pattern (전략패턴) 이란? 전략 패턴은 실행 중에 알고리즘을 선택할 수 있게 하는 행위 소프트웨어 디자인 패턴이다. 특정한 계열의 알고리즘들을 정의하고, 각 알고리즘을 캡슐화하며, 이 알고리즘들을 해당 계열 안에서 상호 교체가 가능하게 만든다. - 위키백과 즉, 각각의 알고리즘(전략)들을 공통의 인터페이스를 구현...