Day33
Day 33
컴포넌트 연습하기 (2) : Header
- 의미상 Text와 다르게 사용된다. h태그를 사용함.
- props 예외처리 하는 코드가 필요하다.
- h1 ~ h6까지 동적 태그를 사용하여 컴포넌트를 작성한다.
컴포넌트 연습하기 (3) : Image
- 이미지 컴포넌트를 제작한다.
- 화면에 들어온 순간 이미지가 로드될 수 있도록 지연로딩을 중심으로 구현한다.
컴포넌트 연습하기 (4) : Spacer
- 하위 컴포넌트 요소를 조작하여 자동으로 간격이 생기게 만드는 컴포넌트이다.
- 스타일을 조작해서 요소간 간격을 벌려줬던 것들이 컴포넌트만으로 표현되어 사용하기 편해진다.
컴포넌트 연습하기 (5) : Spinner
- 로딩을 위해 사용되는 컴포넌트이다.
animateTransform태그 덕분에 돌아가는 것이 가능하다.
컴포넌트 연습하기 (6) : Toggle
- 스위치