CSS 방법론 - OOCSS
OOCSS의 개념 OOCSS(Object Oriented CSS)는 CSS 작성 방법 중 하나로, CSS를 객체지향 프로그래밍(OOP) 원리에 따라 구조화하는 방법이다. 이를 통해 재사용성과 유지보수성이 높은 CSS 코드를 작성할 수 있다. OOCSS에서는 CSS 스타일을 클래스로 정의하고, 이를 HTML 요소에 적용한다. 이 때 각 클래스는 하나의 기능을 수행하는 모듈 형태로 설계된다. 이렇게 클래스를 재사용 가능한 모듈 단위로 분리하면, 불필요한 스타일 중복을 피하고, 코드의 유지보수성을 높일 수 있다. 또한, OOCSS에서는 스타일과 레이아웃을 분리하는 것이 중요하다. 스타일은 객체의 시각적인 표현을 담당하고, 레이아웃은 객체의 배치와 구조를 담당한다. 이를 통해, 스타일과 레이아웃을 개별적으로 수..
CSS
2023. 3. 18. 09:00
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- gulp-ejs
- gulp비동기
- gulp-autoprefixer
- JS Function
- Intl API
- gulp-sass
- browser-sync
- oocss
- JS
- gulp task
- CSS 우선순위
- CSS선택자
- 컨테이너쿼리
- docker desktop
- at()
- CSS
- Object Oriented CSS
- websquare
- javascript
- CSS Level 4
- Gulp.js
- CSS방법론
- 도커
- 도커설치
- smacss
- 웹스퀘어
- Internationalization API
- gulp
- Container queries
- 객체지향CSS
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 | 31 |
글 보관함