Posts
My thoughts and ideas
-
React Compound Component Pattern
React ·React Compound Component Pattern에 대해 공부해보자.
리액트 컴파운드 컴포넌트 패턴 소개
- 리액트(React)를 사용하다 보면, 한 컴포넌트 내에서 특정 기능을 수행하고, 그 기능과 밀접하게 연관된 하위 요소들을 함께 구성하는 상황을 자주 맞닥뜨리게 된다.
- 이때 흔히 떠오르는 것은 “props drilling” 혹은 하위 컴포넌트에 일일이 필요한 값을 내려주는 패턴이다. 하지만 이런 방법은 컴포넌트 구조가 커지면서 점점 복잡해지고, 재사용성이나 가독성이 떨어질 수...
-
React로 스톱워치 만들기
ToyProject ·이번에는 React JS를 이용해 스톱워치를 만들어보자.
컴포넌트 구성
- 컴포넌트 구성은 우선 스톱워치를 총괄하는 컴포넌트인 StoWatch 컴포넌트를 생성했다.
const { centisecond, start, pause, createLap, reset, isRunning, laps } = useTimer(); <section className