Rollup은 JavaScript 모듈 번들러로, 여러 모듈을 하나 또는 여러 개의 최적화된 번들 파일로 합쳐주는 도구입니다. ESM을 기반으로 하며, 정적 분석을 통한 Tree-shaking을 핵심 기능으로 제공합니다.

Vite가 나오기 이전의 번들러들은 Vite와 같이 모드를 명시적으로 분리하여 각 모드별로 동작 방식의 차이를 두지 않았습니다.

자바스크립트 모듈 시스템의 발전과 번들러가 생기게 된 배경을 다룹니다.

잘 하고 싶어요

테스트 종류프론트엔드 테스트는 네 가지로 구분되며 각기 다른 중요도를 갖습니다.

React&VueReact: UI 레이어에 집중합니다. 라우팅, 전역 상태, 데이터 패칭 등은 별도 라이브러리를 조합해 구성합니다. 작고 유연한 코어를 바탕으로 필요한 만큼 채택하는 방식입니다.Vue: 자주 쓰는 기능(라우터, 상태 관리 등)을 공식 패키지로 제공합니다

wasmWebAssembly(WASM)는 웹 브라우저에서 실행할 수 있는 이진 포맷의 저수준 코드입니다.

최초의 JavaScript는 매우 단순한 모듈 시스템만을 제공했습니다.

쿠키 vs 세션 vs JWT vs OAUth 장단점 비교

프론트엔드의 렌더링 전략

프론트엔드 개발자라면 구체적인 내용은 모르더라도 큰 틀에서 어떤식으로 자바스크립트 엔진이 동작하는지 알고 있어야 합니다.

마이크로 프론트엔드 아키텍처는 대규모 프론트엔드 애플리케이션을 여러 개의 작은 단위로 분리하여 개발하고 통합하는 방법입니다.

Zustand는 전역 상태 스토어를 생성하고 사용하는 간단한 구조를 가집니다. create 함수를 호출하여 하나의 스토어를 정의하면, 이 저장소 자체가 React 훅(hook)으로 반환됩니다.

실행 컨텍스트(Execution Context)란 자바스크립트 코드가 실행되는 환경 정보들의 모음입니다.

Pod 생명주기쿠버네티스에서 가장 기본적인 관리 단위가 Pod입니다.

Backend For Frontend(BFF)는 말 그대로 프론트엔드를 위한 백엔드를 의미합니다. 하나의 공용 API 서버 대신 각각의 클라이언트 환경에 특화된 별도의 백엔드 서비스(API)를 두는 아키텍처 패턴입니다.

k8s auto scaling & Network

쿠버네티스(Kubernetes, 줄여서 K8s)는 컨테이너화된 애플리케이션을 배포, 관리, 확장하는 데 필요한 대부분의 수동 프로세스를 자동화하는 오픈소스 컨테이너 오케스트레이션 플랫폼입니다.

Docker는 컨테이너 기반의 가상화 플랫폼으로, 애플리케이션을 격리된 환경에서 실행할 수 있게 해줍니다. 이를 통해 애플리케이션을 다양한 환경에서 일관되게 실행하고 배포할 수 있습니다.

webRTC 통신WebRTC(Web Real-Time Communication)는 웹 애플리케이션이 플러그인 없이도 브라우저들 간에 실시간으로 오디오, 비디오 등의 미디어를 캡처하고 스트리밍하며, 그외 임의의 데이터까지 교환할 수 있도록 해주는 기술입니다.