본문 바로가기

👨‍💻 web.dev/fe25

React 컴포넌트에서 타이머 설정하기 (with Hooks) 📌 들어가며 React 를 활용해서 오목 게임을 구현하던 중에 위와 같이 화면 왼쪽 상단에 타이머를 설정해주고 싶었습니다. 사용자가 바둑돌을 놓으면 타이머가 재설정되어야 하기 때문에 Timer 컴포넌트를 state 에 따라 useEffect 를 활용하여 다시 설정해주는 방법을 사용하기로 했습니다. 현재 hooks 을 이용해서 컴포넌트를 작성하고 있었기 때문에 이번 포스팅에서는 타이머 리랜더링 로직은 제외하고 React Hooks 을 활용하여 간단한 타이머를 설정하는 방법을 알아보겠습니다. 📌 자바스크립트 타이머 설정 함수 자바스크립트에는 타이머를 설정할 수 있는 함수가 두 가지 존재합니다. 하나는 setTimeout 이고 나머지 하나는 setInterval 로 두 함수는 목적에 맞게 사용하면 됩니다. 이.. 2021. 3. 2.

이전 1 2 3 4 5 다음

티스토리툴바