# setInterval

87개의 포스트
post-thumbnail

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

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

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

React에서 Closure의 활용

React 과제에서 setInterval을 처리할 때 Closure을 활용했던 코드

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

[JavaScript] setTimeout(), setInterval()

자바스크립트에 내장된 타이머를 사용하는 함수를 배워보자

2023년 2월 24일
·
0개의 댓글
·
post-thumbnail

내장함수

내장함수라는 것은 자바스크립트가 함수 선언을 미리 해놔서 호출만으로 사용할 수 있는 함수를 뜻한다.메세지를 지정할 수 있는 경고 대화 상자를 띄운다.시간 지연함수로 입력 시간이 만료된 후 함수나 지정함 코드를 실행한다.시간 반복함수로 입력한 시간마다 함수를 반복적으로

2023년 2월 19일
·
0개의 댓글
·
post-thumbnail

[React] - useInterval ?

리액트에서 타이머 기능을 추가하면서 setInterval을 써야했는데 원하는대로 동작하지 않았다.공부한 내용을 토대로 정리해보려고 한다.javascript와 달리 React에서는 state가 변하면 App이 re-rendering 되기 때문에 setInterval()함

2023년 2월 13일
·
0개의 댓글
·

setInterval을 쓰기 위한 여정(쓰레기 코드 주의)

주의) 본 게시물은 문제가 있는 코드를 실행한 codesandbox를 다수 포함하고 있습니다. 일단 써보자 setInterval 목표 정의 setInterval로 주기별 작업 해보기 컴포넌트 외부로 부터 state나 prop을 받아 setInterval에 전달하기 s

2023년 2월 6일
·
0개의 댓글
·

Javascript 로 카운터 만들기

1. setInterval() 함수는 라고 불리는 숫자를 반환하는데요. 인터벌 아이디는 setInterval() 함수를 호출할 때 마다 내부적으로 생성되는 타이머 객체를 가리키고 있습니다. 이 값을 인자로 함수를 호출하면 코드가 주기적으로 실행되는 것을 중단시킬 수

2023년 2월 1일
·
0개의 댓글
·

setTimeout, setInterval

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

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

Front-end 국비지원 #063일 (2-2)

결과HTMLCSSscript변수는 days : document.getElementById ('days');hours : document.getElementById ('hours');minutes : document.getElementById ('minutes');sec

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

Front-end 국비지원 #060일

JQuery Progress Bar 01 >결과 >HTML >CSS >script >변수는 감싸고 있는 .progress-bar 와 안에 .bar , .num 이 있고 .num의 안에 data-num이 있는데 progressData 로 만들었다. progressBar 의 애니메이션은 progressData 의 width + '%' 의 값으로 만...

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

setInterval, setTimeout 차이

프로젝트 중 React hooks, setInterval을 사용해 전자서명 인증을 받는 함수를 구현했다. 해당 함수가 모바일 웹에서 탭 비활성화 상태 시 사용하고 있는 네트워크 속도에 따라 response 오는 속도가 달라 에러를 발생시키는 현상이 있었다. 간단하게

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

Front-end 국비지원 #053일

결과HTMLP 태그에 클래스이름을 정한다. SCSS 반복문을 위해 SCSS 에서 작성한다.script변수 \`\`\`javascriptimageList.css('display','none');imageList.eq(imgIndex).css('display','block

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

Front-end 국비지원 #049일

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

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

setTimeout() 과 setInterval()

코드를 바로 실행하지 않고 일정 시간 기다린 후 실행할 때 쓰는 함수문법setTimeout(function, delay time(ms))clearTimeout()으로 함수를 호출하면 기다렸다가 실행될 코드를 취소할 수 있다.어떤 코드를 일정한 시간 간격을 두고 반복해서

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

호출 스케줄링

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

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

Front-end 국비지원 #038일

반응형 페이지 제작 1-4 > 결과 >HTML >모바일 슬라이드 섹션부분은 'swiper'에서 가져왔다. 반응형페이지 이므로 모바일 사이즈로 줄어들면 보이는 슬라이드 영역이다. 기존의 슬라이드는 diplay: none; 이 된다. > CSS > Script

2022년 12월 6일
·
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

JavaScript (14) # setTimeout / setInterval

👉 일정 시간이 지난 후 함수를 실행이 코드는 3초 뒤에 로그를 찍어준다.두개의 매개 변수를 받는다.첫번째는 일정 시간이 지나면 실행되는 함수두번째는 시간이다. 3초 = 3000또는 이렇게 직접 함수를 전달하지 않고, 직접 코드를 작성해서 사용 할 수도 있다...

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

javascript - setTimeout(), setInterval()

일정 시간이 지난 후에 원하는 함수를 예약 실행(호출)할 수 있게 하는 것 → 호출 스케줄링(scheduling a call) 🔔 setTimeout 일정 시간이 지난 후에 함수를 실행 🔔 setInterval 일정 시간 간격을 두고 함수를 실행 > 1초마다

2022년 11월 16일
·
3개의 댓글
·