본문 바로가기

Dev/CSS2

CSS 방법론이란? OOCSS, BEM, SAMCSS, Atomic CSS 소개 CSS방법론들은 모듈성, 확장성, 유지보수성을 고려한 설계 방법들을 제안하고 있습니다. 다양한 CSS방법론이 있지만 CSS방법론에서 추구하고자 하는 모습은 아래와 같습니다. 코드의 재사용성을 높이자. 쉽게 유지보수 하자. 확장 가능하게 하자. 클래스명 만으로도 무슨 의미인지 예측 가능하도록 하자. 이는 CSS의 규모가 확장되고 프로젝트의 규모가 커질수록 관리하기 어려운 CSS를 관리하기 수월하게 하고자 하는 노력이며, 방법론은 상황에 맞춰 다양한 모습으로 변형될 수 있으며 유연하게 여러 방법론을 함께 사용할 수 있습니다. OOCSS(Object Oriented CSS) OOCSS는 Object Oriented CSS의 약자이며, 모듈 방식으로 다양한 스타일 규칙 전체에서 동일한 속성의 중복을 줄이는.. 2023. 11. 7.
CSS(Cascading Style Sheets)란 무엇인가? CSS란? CSS는 문서가 사용자에게 표시되는 방식 (스타일, 레이아웃 등)을 지정하는 언어입니다. 문서는 대개 MarkUp언어를 사용하여 구조화된 텍스트 파일로, HTML이 가장 일반적인 MarkUp언어이지만 SVG또는 XML과 같은 다른 MarkUp언어도 사용됩니다. 사용자에게 문서를 제시한다는 것은 사용자를 위해 유용한 양식으로 변환한다는 것을 의미하며, Firefox, Chrome 등 브라우저는 모니터, 프로젝터 또는 프린터에서 시각적으로 문서를 표시하도록 설계되었습니다. CSS 규칙 CSS는 규칙 기반 언어입니다. 웹 페이지의 특정 요소 또는 요소 그룹에 적용할 스타일 그룹을 지정하는 규칙을 정의하며, 다음과 같은 규칙을 가지고 있습니다. HTML 콘텐츠가 표시되는 방식을 업데이트 하도록 설정.. 2023. 10. 31.