1
준비 단계: 스타일 역할 분리
준비 단계의 선택 기준은 단순합니다.
반응형 카드 목록(Responsive Card List)
2
레이아웃 기반 전역 스타일 설정 (index.css)
전체 애플리케이션에 적용될 기본적인 CSS 리셋 및 폰트 설정을 포함합니다.
다양한 스타일링 기법 적용
3
Styled-components를 사용한 컨테이너
CardList.js에서 카드 목록 전체를 감싸는 컨테이너를 Styled-components로 만들고, 반응형 레이아웃을 구현합니다.
인라인 스타일링