Ionic (하이브리드 모바일 웹앱 프레임워크)
웹 표준(HTML CSS JS)으로 예쁘게 깎아놓은 모바일 웹페이지에 껍데기만 살짝 씌워 네이티브 앱인 척 앱스토어에 올리게 해주는 극강의 생산성 툴
Flutter (UI 툴킷 및 앱 프레임워크)
리액트 네이티브(RN)의 숨통을 조이는 구글의 야심작으로 다트(Dart) 언어 하나만 배우면 모바일 앱 웹사이트 데스크톱 프로그램까지 무려 6개 플랫폼에 똑같이 그려지는 미친 성능의 크로스 플랫폼 UI 툴킷
React Native (모바일 앱 프레임워크)
웹 개발자들에게 모바일 앱 개발이라는 신대륙을 열어준 메타(페이스북)의 마스터피스로 리액트(React) 문법만 알면 아이폰 앱과 안드로이드 앱을 동시에 한 코드로 짜서 스토어에 출시할 수 있는 하이브리드 프레임워크
Electron (크로스플랫폼 데스크톱 앱 프레임워크)
크로미움(Chromium) 브라우저 엔진과 Node.js를 하나의 껍데기로 묶어 HTML CSS 자바스크립트만 알면 VS Code 디스코드 슬랙 같은 전 세계 1티어 윈도우 맥용 PC 프로그램을 뚝딱 만들게 해주는 혁명의 프레임워크
Tauri (데스크톱 앱 프레임워크)
일렉트론(Electron)이 메모리를 하마처럼 퍼먹는 단점을 저격하며 나타난 최신 대항마로 러스트(Rust) 백엔드를 통해 실행 파일 용량을 몇 메가바이트 수준으로 획기적으로 줄인 데스크톱 앱 빌더
Babel (JS 트랜스파일러)
개발자가 우아하고 최신 문법(ES6+)으로 짠 자바스크립트 코드를 인터넷 익스플로러 같은 낡아빠진 구형 브라우저에서도 에러 없이 돌아가도록 과거의 촌스러운 코드로 자동 번역(Transpile)해 주는 타임머신 컴파일러
esbuild (초고속 자바스크립트 번들러)
느려 터진 자바스크립트 기반 빌드 툴들을 조롱하듯 고(Go) 언어로 작성되어 웹팩 대비 무려 100배 이상의 광속 빌드 속도를 보여주는 외계인 기술의 산물
Rollup (모듈 번들러)
웹팩(Webpack)이 거대한 웹 앱을 통째로 굽는 데 특화되었다면, 롤업은 작고 가벼운 오픈소스 라이브러리(NPM 패키지)를 만들 때 쓰이지 않는 잉여 코드(Tree-shaking)를 귀신같이 쳐내고 압축하는 데 특화된 장인 툴
Webpack (모듈 번들러)
현대 웹 개발의 패러다임을 바꾼 모듈 번들러의 조상님으로, 수천 개의 자바스크립트 파일과 CSS, 이미지 에셋들을 거대한 공장처럼 엮고 압축하여 하나 내지 몇 개의 정적 파일로 예쁘게 구워내는 툴
Vite (차세대 프론트엔드 빌드 툴)
무겁고 로딩이 수십 초씩 걸리던 낡은 웹팩(Webpack)의 목을 치고 프론트엔드 생태계를 평정한, esbuild 기반의 미친 듯이 빠른 브라우저 네이티브 모듈(ESM) 핫 리로딩 빌드 엔진