Day 36
컴포넌트 연습하기 (15) : Divider
- 위, 아래로 나누거나 좌우로 나누는 컴포넌트이다.
컴포넌트 연습하기 (16) : Skeleton
- 로딩을 보여줄 때 이곳에 특정 모양의 컨텐츠가 있다는 것을 사용자에게 알려주는 컴포넌트이다.
컴포넌트 연습하기 (17) : Flux
- Flux를 이용한 layout를 쉽게 만들기 위해 사용된다.
- css에서의 grid와 같은 기능을 한다.
컴포넌트 연습하기 (18) : Breadcrumb
컴포넌트 연습하기 (19) : Tab
- 페이지 이동없이 컨텐츠를 스위칭하기 위해 사용되는 컴포넌트입니다.
사용자 정의 Hook 연습하기 (1) : useHover
- 특정 엘리먼트에 마우스를 올릴경우 true, 벗어나면 false를 돌려주는 훅이다.
- 특정 엘리먼트의 scroll 위치를 추적하는 훅
- 할 수 있는 최적화 방법까지 적용해본다.
사용자 정의 Hook 연습하기 (3) : useKey, useKeyPress
- 키보드 이벤트를 이용할 수 있는 훅이다.
- 단축키를 구현할 때 사용되는 훅이다.