본문 바로가기 메뉴 바로가기

아싸지만 1일1글 하고싶어

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

아싸지만 1일1글 하고싶어

검색하기 폼
  • 전체보기 (99)
    • 웹개발(프론트) (73)
      • Mac (3)
      • React (21)
      • React_Native (4)
    • 일상 (4)
    • 도토리 (9)
    • 웹개발(구조) (6)
    • 백앤드 (5)
      • NodeJs (4)
      • NestJs (1)
    • 포스트아이템 (2)
  • 방명록

clearTimeout (1)
타이머기능

목차 코딩을 하다 보면 지연시간을 주고 싶을 때가 생긴다. 기능 간의 타이밍을 맞추기 위해서... 는 그냥 플래그 넣으면 되겠고, 아무래도 UX인 경우가 많겠다. 사용자가 몇초이상 꾸-욱 눌렀을 때, 어떤 주의사항을 몇 초 동안 보여준 뒤 버튼을 보여준다던가. 또한, 마우스를 콘텐츠 위에 올렸을 때 바로 함수를 실행시키기보다 1초 정도 유지하면 함수를 실행시키는 게 사용자의 의지를 더 반영할 수 있을 것이다. setTimeout() setTimeout은 지정시간 뒤, 해당 함수를 실행하는 함수이다. setTimeout(() => { alert("2초!!"); // 실행 코드 }, 2000); // 설정시간 설정시간은 ms단위로써, 1s = 1000ms이다. 이렇게 간단한 코드는 한 줄로써, 여러 줄의 실..

웹개발(프론트) 2021. 3. 23. 12:36
이전 1 다음
이전 다음
공지사항
  • 불안한 사람을 위한 블로그
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • usecookies
  • visualcode
  • touchable
  • 비동기
  • nodejs
  • Hook
  • async
  • 이쁜코드
  • 서버
  • switch
  • Redux
  • 클릭
  • 접근성
  • 웹접근성
  • 랜더링
  • Expo
  • useReducer
  • Router
  • SVG
  • 에러
  • 무료아이콘
  • CSS
  • 쿠키
  • proptype
  • dom
  • homebrew
  • 아이콘
  • html
  • 가상샐렉터
  • react
more
«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바