# clearInterval

18개의 포스트
post-thumbnail

[알게된 것] React, useEffect에서 setInterval 사용하기

슬라이드 기능을 만들어야하는데, React에서 setInterval을 사용하면 반복적인 리랜더링이 발생하지 않나..? 라는 생각이 들어 알아보기 시작했다.무엇보다 중요한 점은 useEffect내부에서 선언된 setInterval을 멈추는 방법을 모른다.위와 코드를 작성

2023년 3월 9일
·
0개의 댓글
·

setInterval(), clearInterval() 그리고 콜백()

함수를 주기적으로 반복적으로 실행 및 종료하기 위해서 setInterval() 과 clearInterval() 함수를 사용한다.다른 함수가 실행을 끝낸 뒤 실행 되는, callback되는 함수.함수를 만들 때, parameter를 함수로 받아서 쓸 수 있는데 그 함수는

2023년 3월 3일
·
0개의 댓글
·

setTimeout, setInterval

✍️ setTimeout, setInterval 공부하다가 재귀 호출에 관한 부분이 흥미로워 글로 정리해보았다. 더불어 setInterval을 이용한 스톱워치도 구현해 보았다.

2023년 1월 27일
·
0개의 댓글
·
post-thumbnail

Front-end 국비지원 #049일

결과HTMLCSSscript어제 만든 불릿버튼 슬라이드와 코드는 거의 같다. 하지만 다른건 숫자 카운팅인데 크게 다르지 않게 만들었다. ex ) 불릿과 마찬가지로 addClass , removeClass 로 01/05 class=on02/0503/0504/0505/05

2022년 12월 22일
·
0개의 댓글
·
post-thumbnail

호출 스케줄링

타이머 함수를 사용하여 명시적으로 호출하지 않고, 일정 시간이 지난 이후 또는 반복적으로 호출되도록 "함수 호출을 예약"하는 것 을 "호출 스케쥴링"이라고 합니다. setTimeout/ clearTimeout setTimeout "첫 번째 인수인 콜백 함수"는 "두

2022년 12월 19일
·
0개의 댓글
·
post-thumbnail

콜백함수(setInterval)와 비동기적 프로그래밍

0.5초마다 출력. 같은 결과 도출.이 이미 함수 호출 표현식.The setInterval() method, offered on the Window and Worker interfaces, repeatedly calls a function or executes a co

2022년 12월 6일
·
0개의 댓글
·
post-thumbnail

Front-end 국비지원 #036일

지난 1-1 header 영역 이어서 제작한다.HTMLCSSScript뉴스 부분 호버하면 멈추고 마우스를 떼면 뉴스가 하단에서 숨겨진 상태로 계속 슬라이드 된다.결과결과HTMLCSSScript결과HTMLCSSJavaScript 로 구현JQuery 로 구현

2022년 12월 4일
·
0개의 댓글
·

타이머함수

특정 시간 특정 시간 이후에 콜백함수를 호출할수 있는 함수setTimeout(함수, 시간) - 특정 시간 후에 함수를 한번 호출한다.setInterval(함수, 시간) - 특정 시간마다 함수를 호출한다.매개변수:func|code실행하고자 하는 코드로, 함수 또는 문자열

2022년 11월 11일
·
0개의 댓글
·
post-thumbnail

콜백함수(setInterval)와 비동기적 프로그래밍

0.5초마다 출력. 같은 결과 도출.이 이미 함수 호출 표현식.The setInterval() method, offered on the Window and Worker interfaces, repeatedly calls a function or executes a co

2022년 8월 25일
·
0개의 댓글
·
post-thumbnail

setInterval carousel

위코드 1차 프로젝트 중 carousel 중 한 부분이 시간마다 다른 사진으로 이동이 되어 사용하는 법을 찾던 중 동기분들의 도움으로 useEffect에 setInterval method를 사용하여 carousel이 자동으로 이동되는 방법에 대해 도움을 받았다.setI

2022년 6월 6일
·
0개의 댓글
·
post-thumbnail

[JS] Timer

JS의 timer 함수와, timer 함수를 이용한 debounce, throttle에 대해 다룬다.

2021년 12월 27일
·
0개의 댓글
·
post-thumbnail

콜백함수 - 타이머 함수,즉시호출함수- 엄격모드

자바스크립트에서 콜백함수를 사용하는 또 다른 대표적인 함수가 바로 타이머 함수이다.타이머 함수는 크게setTimeout()setInterval()이라는 함수로 나뉜다.둘다 특정한 시간 후에 뭘 할때 사용을 한다.setTimeout(함수,시간) -> 특정 시간 후에 함수

2021년 11월 12일
·
0개의 댓글
·
post-thumbnail

DEEP DIVE 한 장 요약 (타이머)

함수를 명시적으로 호출하면 함수가 즉시 실행된다.만약 함수를 명시적으로 호출하지 않고 일정 시간이 경과된 이후에 호출되도록 함수 호출을 예약하려면 타이머 함수를 사용한다. 이를 호출 스케줄링(scheduling a call)이라 한다.자바스크립트는 ① 타이머를 생성할

2021년 8월 30일
·
1개의 댓글
·
post-thumbnail

javascript setInterval 고찰

회사에서 타이머 관련 부분에서 에러가 생겼다. 간략하게 버그를 적어보면, setInterval 안에서 실행되는 callback 함수가 clearInterval 되어도 실행되기 때문에 생긴 버그다. 어찌보면 당연한 일이다. clearInterval 되었다고 이미 콜

2021년 6월 21일
·
0개의 댓글
·

[자바스크립트] 가위바위보

가위바위보 게임을 만들어 보았다. 이미지는 이미지스프라이트와 객체 딕션너리를 이용해 보았다. 그리고 다양한 객체들을 이용하여 시간차를 조절해 보았다.이미지 스프라이트를 사용하기 위해 우선 이미지 좌표를 만들어 주었다. 그 후 가위바위보 객체를 만들어 이미지에 맞게 이미

2021년 3월 22일
·
0개의 댓글
·

[자바스크립트] setInterval & clearInterval

위 함수는 주기적으로 인자를 실행하는 함수입니다.3초마다 콘솔이 계속해서 출력되는 것을 볼 수 있습니다.

2021년 3월 21일
·
0개의 댓글
·
post-thumbnail

[JS] 타이머 API

API(Application Programming Interface, 응용 프로그램 프로그래밍 인터페이스) 응용 프로그램에서 사용할 수 있도록, 운영체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스를 뜻한다. API는 프로그램과 또 다른 프로그

2020년 9월 29일
·
0개의 댓글
·