Day35
Day 35
컴포넌트 연습하기 (9) : Icon
- feather-icon library를 사용하여 Icon 컴포넌트를 제작한다.
yarn add feather-icons
,yarn add buffer
를 해주고import { Buffer } from "buffer"
를 해줘야함.
컴포넌트 연습하기 (10) : Avatar
- 사용자의 프로필 사진을 나타내는데 쓰인다.
컴포넌트 연습하기 (11) : Input
- 사용자 정의 Input을 만들 때는 추후 확장성을 위해서 wrapper로 감싼 뒤 만들어준다.
컴포넌트 연습하기 (12) : Select
- Input과 비슷하지만 option이나 placeholder에 대한 처리를 추가로 할 필요가 있다.
컴포넌트 연습하기 (13) : Slider
- 볼륨 조절, 비디오 재생바에 쓰인다.
- 기본 input에도 있지만 꾸미는데 한계가 있기 때문에 따로 구현을 한다.
- useEffect
컴포넌트 연습하기 (14) : Progress
- Loading bar같은 것이다.