less than 1 minute read

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같은 것이다.

Categories:

Updated: