개요
UI를 구조화하고 재사용 가능하게 설계하기 위한
SLUR의 UI 개발 방법론입니다.
SLUR에서 개발한 경량·구조적 UI 개발 방법론입니다.
실무 UI 개발 과정에서 반복적으로 발생하는 구조 혼란, 스타일 충돌, 유지보수 비용 증가 문제를 해결하기 위해 설계했습니다.
SLUR의 UI개발 방법론은 단순한 CSS 네이밍 규칙에 머무르지 않고, UI 구조 설계, 상태 관리, 접근성, 미디어 처리, 스크립트 연동까지 포함하는 통합 UI Engineering System으로 확장되었습니다.
이를 통해 UI를 감각이나 경험에 의존하지 않고, 명확한 규칙과 기준에 따라 설계·관리할 수 있도록 했습니다.
UI를 구조적으로 정의하고, 재사용 가능하며, 시간이 지나도 유지 가능한 형태로 만드는 것입니다.
이를 위해 다음과 같은 목표를 중심으로 설계했습니다.
UI 구조와 역할을 명확히 정의합니다.
프로젝트 전반에 일관된 규칙을 적용합니다.
컴포넌트 재사용성을 높이고, 중복 구현을 줄입니다.
CSS와 JavaScript의 역할을 분리해 유지보수성을 확보합니다.
접근성, 성능, 미디어 처리 기준을 체계적으로 관리합니다.
단기적인 구현 속도보다, 대규모 UI 프로젝트에서도 흔들리지 않는 구조를 만드는 것을 목표로 합니다.