# OOCSS

10개의 포스트

CSS selector

CSS selectorclass selector는 .클래스명{ } 이렇게 적을 수 있고 모든 class="클래스명"을 가진 요소에 스타일 적용 가능id selector는 \*\*tag selector는 p { 스타일\~~ } 이렇게 적을 수 있고 모든 <p> 태그

2023년 8월 1일
·
0개의 댓글
·
post-thumbnail

HTML+CSS - 기초 (코드양이 줄어드는 class 작명법 OOCSS, BEM)

누가 빨간버튼과 파란버튼을 만들어오라고 하면?가장 간단한 방법class 두 개를 만들어서 각각 button에 집어넣기❗하지만 이런 경우 CSS파일이 매우 길어지고 용량이 큰 CSS파일은 웹사이트 로딩 속도를 저하시킴👉 1. 버튼의 기본 스타일인 padding, fon

2023년 3월 17일
·
0개의 댓글
·

Semantic

웹 데이터를 의미론적으로 표현하고 연결하는 개념

2023년 3월 2일
·
0개의 댓글
·

CSS 방법론

구조와 외형을 분리하고 컨테이너와 내용을 분리하는 방법재사용 가능동일한 클래스 -> 동일한 스타일클래스 재사용으로 코드 양 줄어든다공통된 클래스가 많으므로 수정 발생시 다 바뀜멀티 클래스 많아짐에 따라 유지보수 어려움코드 가독성 떨어짐=> 부트스트랩 같은 느낌구조 :

2023년 1월 8일
·
0개의 댓글
·

CSS 방법론

CSS 방법론 BEM OOCSS SMACSS

2022년 7월 25일
·
0개의 댓글
·

[개발자되기: CDD] Day-38

조립해 나갈 수 있는 부품 단위로 UI 컴포넌트를 만들어 개발 진행CSS가 구조적으로 작성될 수 있게 도움주는 도구CSS 전처리기 중 가장 유명한, CSS를 확장해 주는 스크립팅 언어SCSS 코드를 읽어서 전처리한 다음 컴파일 해서 전역 CSS 번들 파일을 만들어 주는

2022년 7월 1일
·
0개의 댓글
·
post-thumbnail

CSS 방법론

코드의 재사용코드의 간결화코드의 확장성코드의 예측성(직관적인 클래스 네이밍)개발, 디버깅, 유지보수를 위하여 CSS 선택자의 이름을 가능한 한 명확하게 만드는 것이 목표이다.소문자, 숫자 만을 이용해서 작명한다.여러단어의 조합은 하이픈(-)으로 연결하여 작명한다.ID는

2022년 1월 28일
·
0개의 댓글
·
post-thumbnail

CSS 방법론에 대하여

CSS의 활용도가 높아지고 대규모 프로젝트가 많아짐에 따라,복잡한 설계의 필요성을 느끼지 못했던 CSS에도 다양한 방법론들이 생기기 시작했습니다. 따라서 CSS를 어떤 방법으로 짜면 더 효율 적으로 짤 수있는지에 대한 방법론 입니다 .CSS 방법론의 공통적인 특징은 ?

2021년 11월 23일
·
0개의 댓글
·
post-thumbnail

TIL 9 : CSS 설계 기법

20211112 TIL OOCSS / SMACSS / BEM

2021년 11월 12일
·
0개의 댓글
·

[FE로드맵] CSS 양식

BEM, OOCSS, SMACSS, SUITCSS

2021년 9월 27일
·
0개의 댓글
·