# setInterval

66개의 포스트
post-thumbnail

Hooks와 setInterval, 친해지길 바라

페이지가 새로 렌더가 될 때마다 각 페이지에 머무는 시간을 측정하고 싶다.useEffect에 setInterval을 넣어주면 해결이겠지?해당 함수를 useEffect안에 넣어줬는데 seconds 값을 잘 불러오지 못하는 것 같다. 값이 0에서 1로 올라간 후 멈춰있는

2022년 9월 13일
·
0개의 댓글
·

TIL10 시계 만들기

1) setInterval(), setTimeout()setInterval(): MS마다 함수를 실행시킨다.setTimeout(): MS뒤에 함수를 실행시킨다.2) padStart()string 을 길게 만들어 주고 싶을 때 사용.뒤에서 추가하고 싶을 때는 padEnd

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

React에서 timer 만들기

useEffect와 setInterval을 사용하여 timer를 만들 수 있다.

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

React - setInteval , useInterval

Havaianas 사이트의 최상단에는 Navbar가 위치하고있다.근데 다른 사이트와는 다른점이 있다.자동으로 슬라이드가 움직인다.버튼으로도 슬라이드가 움직인다.버튼으로 슬라이드를 움직인 후에는 자동으로 움직이던 딜레이가 초기화된다.(다시 딜레이가 set되는듯) 해당 기

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

[Web] React에서 setTimeout, setInterval 잘 사용하기

<2022 고려대학교 여름 해커톤(CONNECTHON) 플랫폼> 개발 중에 후원사와 참가자간의 채팅 기능을 만들어야 했는데, HTTP GET, POST method를 활용하여 개발하는 방향으로 백엔드 팀과 의견을 맞췄다. 채팅의 전체 플로우는 다음과 같이 구성하였

2022년 8월 23일
·
2개의 댓글
·
post-thumbnail

[2022.08.14] 리액트 setInterval 대신 useInterval

처음 useInterval을 보았을 때 setInterval이 아니라 useInterval? 이런 hooks도 존재하는건가?.. 그러면 setInterval과 차이점이 뭐지? 하는 의문점이 들었다.useInterval을 구글링해보니 Dan Abramov 님께서 만든

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

[JS] 글자 한글자씩 출력하기

innerText, setInterval 로 한 글자씩 출력하는 타이핑효과 구현하기

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

locationRequest setInterval 이슈

locationRequest의 setInterval을 활용하여 위치 업데이트가 이루어지는데Android 11, 12버전에서 내가 세팅한 시간에서 조금씩 밀리며 위치 업데이트가 이루어지는 것을 확인할 수 있었다. reference를 확인해 본 결과 You may rece

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

#12. setTimeout / setInterval

setTimeout: 일정 시간이 지난 후 함수를 실행 setInterval: 일정 시간 간격으로 함수를 반복

2022년 7월 8일
·
0개의 댓글
·

[JavaScript] setTimeout

setTimeout 1. 기본 설명 및 기본 예시 2. setTimeout with callback 3. setInterval & setTimeout 의 호출 방법

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

react에서 카운트다운을 해볼까나

react에서 1초씩 카운트 하면서 화면에 출력해주는 함수가 있다고 하자. 그럼 코드를 요렇게 작성할 것이다.그럼 잘 작동할까? 놀랍게도(?) 잘 작동하지 않는다.왜냐면 리랜더링할때마다 setInterval이 새로 호출이 된다. 그럼 setCount를 여러번 만들어내는

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

setInterval carousel

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

2022년 6월 6일
·
0개의 댓글
·

setTimeout & setInterval

setTimeout()은 n초 후에 코드를 실행해줍니다. ▲ 이렇게 쓰면 1초 후에 콘솔창에 '안녕'이 뜹니다.시간은 ms단위로 적으면 됨.(1ms는 1000분의 1초)setIntervel()은 n초 마다 코드를 실행해줍니다.▲ 이렇게 쓰면 1초 마다 콘솔창에 '안녕'

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

JS_setInterval

setTimeout이 함수를 단 한 번만 실행하는 것과 달리setInterval은 함수를 주기적으로 실행하게 만듦. 함수 호출을 중단하려면 clearInterval(timerId)을 사용하면 된다

2022년 5월 11일
·
0개의 댓글
·

0428

TIL

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

setInterval 과 useInterval🐶

개인노션 작성 글(2022.03.11) 블로그로 이전 중입니다.타이머 코드를 리팩토링 하는 중에 전에 접했던 useInterval이 생각이 나서 적용해 보려고 합니다.완성 코드를 제외한 나머지 코드는 불필요한 부분을 많이 편집한 작동하지 않는 코드입니다.전체적인 흐름은

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

타이머 작동하는데 엉망으로 작동

개인노션 작성 글(2022.03.11) 블로그로 이전 중입니다.이번 프로젝트는 타이머가 2종류가 존재합니다.게이지 형식시간초 형식이렇게 두 종류를 만들었는데 작동하나 예외에 대응하지 못하고, 저 타이머 때문에 너무 많은 컴포넌트가 동시에 리렌더링 되고있습니다. 그리고

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

[코딩애플 JS기초] 자바스크립트 문법, 브라우저 문법, setTimeout(), setInterval()

setTimeout() (설정한 초)초 후에 콜백함수 내용 실행해라 사용방법 setTimeout(function(){함수}, 몇초(ms단위)) setInterval() (설정한 초)초 마다 콜백함수 내용 실행해라 사용방법 setInterval(function(){함수

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

02.14 복습

현재 시간을 불러온다둘 다 비슷한 함수이나, setInterval은 지속적으로 반복, setTimeout은 한 번만 실행된다.둘이 쓰는 법은 똑같으나, 앞에 붙느냐 뒤에 붙느냐 차이다.앞에 String type을 받는다.string.padStart(앞에 string의

2022년 2월 14일
·
0개의 댓글
·