MVVM 패턴

MVVM은 데이터 바인딩을 사용하여 View와 ViewModel 간에 양방향 데이터 흐름을 유지합니다. MVVM에서는 ViewModel이 Model의 역할을 수행하고, View와 ViewModel 사이에서 데이터를 중개합니다.

FLUX패턴

Flux는 단방향 데이터 흐름을 사용하여 Action -> Dispatcher -> Store -> View의 방향으로 데이터가 흐릅니다. Flux에서는 Store가 애플리케이션의 데이터와 비즈니스 로직을 담당하고, Dispatcher를 통해 Action을 처리합니다. Flux는 단방향 데이터 흐름과 단일 책임 원칙을 따르므로 테스트하기 쉬운 코드를 작성하기 쉽습니다

Module Federation

Webpack은 자바스크립트 모듈의 의존 관계를 파악하고 실행할 때 필요한 모듈을 로딩해주는 역할을 한다. 그러나 단일 Webpack 빌드에 포함되었던 모듈만 처리되므로 다른 Webpack 빌드의 결과물로 여러 서버에 배포되어 있는 모듈을 로딩할 수는 없었다. Module Federation은 단일 Webpack 빌드에 포함된 모듈뿐만 아니라 여러 서버에 배포되어 있는 원격 모듈을 하나의 애플리케이션에서 로딩할 수 있는 기능이다.

MSW

• MSW(Mock Service Worker)는 서비스 워커(Service Worker)를 사용하여 네트워크 호출을 가로채는 API 모킹(mocking) 라이브러리, 브라우저에 마치 백앤드 API인 척하면서 프론트엔드의 요청에 가짜 데이터를 응답해주는 것

BPP

• Backend For Frontend - 패턴 중의 하나
• 사용 되지 않는 데이터를 없애기 위한 방법 (오버페칭의 해결법)

뷰포트

• 현재 화면에 보여지고 있는 다각형(보통 직사각형)의 영역

가상돔

• html 객체에 기반한 자바스크립트 객체로 표현할 수 있음
• 메모리 상에서 동작하기때문에 훨씬 빠름
• 연산비용이 적다

리액트

• 배치업데이트를 통해 돔의 변경사항을 모아서 업데이트 처리