CDD 개요

• CDD 는 무엇일까요?
• CDD 는 왜 필요할까요?
• CDD 의 장점은 무엇일까요?

• 구조적으로 CSS 작성한다는 것은 무슨 뜻일까요?
• CSS 방법론들의 특징과 장단점은 무엇일까요?

CDD

CDD 란?

• 부품 단위로 UI 컴포넌트를 만들어 나가는 개발
• 컴포넌트 생성 -> 컴포넌트 결합 -> 페이지 조립

CDD 장점과 필요성

• UI 컴포넌트를 재사용할 수 있습니다.
• 디자인 변경이나 추가 등에 쉽게 대응할 수 있습니다.

구조적인 CSS 작성

CSS를 작성하는 일관된 패턴의 필요성

• 다양한 디바이스의 등장, 화려해지는 디자인들 때문에 CSS 는 더 복잡해졌습니다.
• 따라서 구조화된 CSS의 필요성이 대두되었습니다.

구조화된 CSS 의 발전

CSS -> SASS -> BEM -> CSS Modules -> Styled Components

• 구조화된 CSS 의 발전에 대한 다양한 시도들이 있었습니다만 단점들이 있었습니다.
• 현재는 리액트의 함수 컴포넌트와 궁합이 잘 맞는 UI 컴포넌트 를 CSS-in-JS 로 지원하는 Styled-Components 를 많이 사용하고 있습니다.

추가적으로 최근 TailwindCSS(CSS프레임워크)도 각광받고 있습니다.