나도 개발자 시켜주세요
close
프로필 배경
프로필 로고

나도 개발자 시켜주세요

  • 분류 전체보기 (95)
    • [Study] FE (26)
      • HTML & CSS & JS (16)
      • 📕 ModernJS_DeepDive Study (4)
      • React (6)
    • [Study] BE (18)
      • Spring & SpringBoot (3)
      • Node.js (11)
      • Server (4)
    • git & github 공부 기록 (17)
      • 🙈 git 오류 (4)
    • 사망년 (16)
      • 컴퓨터구조 (6)
      • 운영체제 (4)
      • 머신러닝 (6)
    • 기타 덩덩 (12)
      • 코테 문제 (3)
      • 필요 사이트 모음 (2)
      • Experience (1)
      • 늘어나라 테크 지식 (6)
    • [실기] 정보처리기사 (1)
      • 프로그래밍 언어 활용 (4)
  • 홈
  • 태그
  • 방명록
[React] 타이머 컴포넌트 만들기

[React] 타이머 컴포넌트 만들기

과제형 코딩 테스트 연습 n초부터 1초마다 1씩 감소하는 타이머를 구현해보려고 한다. stop 버튼을 누르면 타이머가 멈추도록 할 것이다. react에서는 useState hook과 useEffect hook을 활용하여 설정할 수 있다. 자바스크림트에서는 setTimeout 과 setInterval 함수로 해결할 수 있다. 그 중 setInterval()를 호출해서 고정된 시간 지연으로 함수를 반복적으로 호출하고 setInterval 이 반환한는 interval ID를 clearInterval() 함수로 제거한다. import { useState, useEffect, useRef } from 'react'; const Time = () => { //컴포넌트는 useState 훅을 사용하여 min, sec..

  • format_list_bulleted [Study] FE/React
  • · 2023. 5. 18.
  • textsms
  • navigate_before
  • 1
  • navigate_next
공지사항
  • 하루에 조금이라도 공부하자
전체 카테고리
  • 분류 전체보기 (95)
    • [Study] FE (26)
      • HTML & CSS & JS (16)
      • 📕 ModernJS_DeepDive Study (4)
      • React (6)
    • [Study] BE (18)
      • Spring & SpringBoot (3)
      • Node.js (11)
      • Server (4)
    • git & github 공부 기록 (17)
      • 🙈 git 오류 (4)
    • 사망년 (16)
      • 컴퓨터구조 (6)
      • 운영체제 (4)
      • 머신러닝 (6)
    • 기타 덩덩 (12)
      • 코테 문제 (3)
      • 필요 사이트 모음 (2)
      • Experience (1)
      • 늘어나라 테크 지식 (6)
    • [실기] 정보처리기사 (1)
      • 프로그래밍 언어 활용 (4)
최근 글
인기 글
최근 댓글
태그
  • #포스코x코딩온
  • #css
  • #깃
  • #GIT
  • #공부기록
  • #인프런
  • #회고록
  • #깃허브
  • #React
  • #javascript
전체 방문자
오늘
어제
전체
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바