지원 플랫폼
지원 플랫폼 (Supported platforms)
Material UI가 지원하는 플랫폼(최신부터 오래된 것까지)에 대해 알아볼게요.
출처: 문서
본문
브라우저 (Browser)
Material UI는 모든 주요 브라우저와 플랫폼의 최신 안정 릴리스(stable release)를 지원해요. 브라우저가 지원하지 않는 기능을 내부적으로 격리해서 관리하기 때문에 JavaScript polyfill을 따로 제공할 필요가 없어요.
| Edge | Firefox | Chrome | Safari (macOS) | Safari (iOS) |
|---|---|---|---|---|
| >= 121 | >= 121 | >= 117 | >= 17.0 | >= 17.0 |
포괄적인 목록은 .browserlistrc에서 확인할 수 있어요 (stable 항목을 확인해 주세요).
Googlebot이 페이지 콘텐츠를 인덱싱하기 위해 웹 렌더링 서비스(WRS)를 사용하기 때문에, Material UI가 이를 지원하는 것이 매우 중요해요. WRS는 사용하는 렌더링 엔진을 주기적으로 업데이트합니다. Material UI의 컴포넌트가 큰 문제 없이 렌더링될 것이라고 기대할 수 있어요.
서버 (Server)
Material UI는 서버 사이드 렌더링을 위해 Node.js 14.0 버전부터 지원해요. 목표는 Node.js를 마지막 유지보수 모드(last version in maintenance mode) 버전까지 지원하는 거예요.
React
Material UI는 ^17.0.0(React 루트에서의 이벤트 위임이 도입된 버전)부터 시작하는 가장 최신 버전의 React를 지원해요. 하위 호환성을 위해 더 오래된 버전들도 확인해 보세요.
TypeScript
Material UI는 최소 TypeScript 4.9 버전을 요구해요. 이는 2년 미만의 TypeScript 버전을 지원하는 DefinitelyTyped의 정책과 맞추기 위한 것이에요.
webpack
Material UI를 사용하는 애플리케이션을 번들링하는 데 필요한 webpack 최소 버전은 v5예요. webpack <= v4는 null 병합 연산자(??)나 옵셔널 체이닝(?.) 같은 기능을 사용하기 때문에 Material UI를 트랜스파일하지 않은 채로는 번들링할 수 없어요.