웹 프론트엔드 프로젝트에 쓰이는 CSS 전처리기는 SCSS 및 Styled-components 2개로 한정한다.

OOCSS(Object Oriented CSS)

• 객체지향CSS 컴포넌트 기반 개발에 어울리는 스타일 작성법.

• 객체지향 CSS 소개

• Object Oriented CSS (Slideshow)

• 다양한 CSS 네이밍 기법 소개 (OOCSS 만 참고)

Class Naming

CSS Class

CSS 클래스명은 기본적으로 kebab-case를 이용한다.

본 문서는 자주쓰이는 클래스 명칭을 정리 해 놓았다.

하위 클래스 명칭 중 일부는 bootstrap 에서 쓰이는 것들을 참고 하였다.

Component Class

대표적인 컴포넌트 명칭으로서 접두어(prefix)로 사용 한다.

해당 컴포넌트가 UI 에 직접적으로 노출되는 경우에만 사용 한다.

Untitled Database