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