제로 디펜던시, 8KB로 시작하는 UI 컴포넌트 라이브러리
Oat는 제로 디펜던시(Zero Dependency)를 지향하며, HTML과 CSS만을 사용하여 UI 컴포넌트를 제공함
8KB 미만의 작은 번들 사이즈(Bundle Size)로, 웹 애플리케이션의 성능을 향상시킴
별도의 빌드 과정 없이(No Build Process), CSS와 JS 파일을 직접 포함하여 사용 가능함
시맨틱 HTML(Semantic HTML)을 기본으로 하여, 마크업의 간결성을 유지함
제로 디펜던시(Zero Dependency) 아키텍처
Oat는 외부 라이브러리 의존성(External Library Dependency) 없이 순수 HTML, CSS, JavaScript로 구현되어, 프로젝트에 미치는 영향이 적다. 특히, Node.js 생태계(Node.js Ecosystem)의 복잡성을 피하고, 빌드 과정(Build Process) 없이 바로 사용할 수 있다는 점이 장점으로 꼽힌다. 이는 개발 환경 설정의 부담을 줄여, 개발 생산성을 높이는 데 기여한다.
번들 사이즈(Bundle Size) 최적화
Oat는 최소한의 CSS와 JavaScript 코드(Minimal CSS and JavaScript Code)를 사용하여, 번들 사이즈를 8KB 미만으로 유지한다. 이는 웹 페이지의 초기 로딩 속도(Initial Loading Speed)를 향상시키고, 사용자 경험을 개선하는 데 기여한다. HTTP 요청(HTTP Request) 수를 줄여, 전반적인 웹 애플리케이션 성능을 최적화하는 데 초점을 맞춘다.
시맨틱 HTML(Semantic HTML) 기반 UI
Oat는 시맨틱 HTML(Semantic HTML)을 사용하여, 의미 있는 마크업을 권장한다. 이는 검색 엔진 최적화(SEO, Search Engine Optimization)에 유리하며, 웹 접근성을 향상시킨다. 또한, 클래스 오염(Class Pollution)을 줄여, 코드의 가독성을 높이고 유지 보수를 용이하게 한다. Oat는 최적의 HTML 구조(Optimal HTML Structure)를 강제하여, 개발자가 모범 사례를 따르도록 유도한다.
