- 레이아웃 컴포넌트(헤더, 컨텐츠, 푸터)를 만들고 조건에 따라 UI를 변경합니다. 🏗️
옵셔널
을 사용하여 컴포넌트의 유연성을 높이고, 데이터가 없을 때 기본값을 설정합니다. 🪢- 조건부 렌더링을 통해 데이터 유무에 따라 컴포넌트 표시 여부를 결정합니다. 💡
- CSS
오버플로우
속성을 사용하여 내용이 넘칠 때 스크롤을 추가합니다. 📜 MDN
문서를 참고하여 CSS 속성(박스 사이징 등)을 학습하고 적용합니다. 📚디스플레이: 플렉스
를 활용하여 요소 정렬 및 레이아웃을 구성합니다. 📐- 기존 스타일 객체를 분해(
...
)하고 새로운 속성을 추가하여 스타일을 변경합니다. 🎨 언라인 셀프
를 사용하여 특정 요소만 정렬을 변경합니다. 🎯