# setTimeout

62개의 포스트
post-thumbnail

2022.05.13 TIL

setTimeout은 비동기 함수로 다른 함수 호출을 막지 않는다.setTimeout은 함수이기 때문에 기본적으로 함수 구조를 갖는다.setTimeout(() => {}) 하지만 여기에서 중요한 건 두 번째 인자로 count가 들어가는데, 그 카운트 이후에 함수를 실행

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

[Megabyte School] 무한으로 즐기는 슬라이드 만들기 : 무한루프&자동변환

이전 글 코드 간소화하기.이전 글 슬라이드를 무한루프로 변경.이전 글 슬라이드에 자동변환 기능 추가.이전 글 슬라이드 코드에서 슬라이드를 실행하는 부분을 따로 함수로 빼내어 작성했고, transition 기능을 CSS에서 빼내어 move() 함수에 추가했다.무한루프를

2022년 4월 27일
·
3개의 댓글
post-thumbnail

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

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

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

JS setTimeout !

첫 번째 setTimeout() 호출이 두 번째 호출 전에 5초의 "정지" 구간을 만들지 않음에 주의하세요. 그 대신, 위 코드는 첫 함수 실행을 5초간 대기하는 동시에 두 번째 함수 실행을 3초간 대기하고, 다시 동시에 세 번째 함수의 실행도 1초간 대기합니다. 그

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

[js] 일정 시간 간격으로 이미지 변경

setTimeout을 이용한 이벤트

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

02.14 복습

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

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

[FC] location / setTimeout, setInterval / This값 바인딩 Day-14

특정 도메인으로 이동시키고 싶은 경우 사용할 수 있다.ex) main.js일정 시간 뒤에 특정 코드를 호출ex) main.js일정 시간 간격마다 특정 코드를 반복setInterval은 clearInterval을 통해 멈출 수 있다.ex) main.jsex) main.j

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

Yahtzee게임을 만들면서 리액트와 더 친해지기

유데미에서 yahtzee 라는 게임을 만들어보았다. 주사위를 돌리고나서 나온 숫자를 보고 스코어에 해당하는 점수를 클릭한다. 주사위 결과가 점수를 받을 수 있는 조건에 부합하면 점수를 획득하고 아니면 0점을 얻는다.모든 스코어를 클릭하면 게임이 끝나고 총합이 기록되면서

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

[TIL #25] var과 let의 차이 (feat. for문, setTimeout)

LeetCode 문제를 풀다가 도저히 안풀려서 다른 사람들의 풀이를 봤는데 2중 for문에서 바깥의 for문에는 let을 사용하고, 안쪽 for문에는 var를 사용하는 것을 보고 '왜.. 이렇게 쓰지??' 라는 생각을 했다. 이전 포스트에서 var, let, cons

2022년 2월 1일
·
1개의 댓글

리액트-n초 지나면 메시지창 없애기 with useEffect( )

이전에 UI 모달창 클릭할때마다 없애고 띄우고 했던 방법을 활용한다.alert, setAlert 라는 상태(UI가 보이고 안보이고)를 만들고 기본값을 true로 잡는다.삼항조건연산자 를 이용해 state가 true일땐 창을 보이게 하고, false이면 보이지 않는 조건

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

JavaScript | setTimeout / setInterval

일정 시간이 지난 후에 원하는 함수를 예약 실행(호출)할 수 있게 하는 것구현 방법 setTimeout, setInterval일정 시간이 지난 후, 함수를 실행setTimeout(함수, 시간, 인수)매개변수첫 번째 실행하는 함수(일정 시간이 지난 뒤) 두 번째

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

[MotherTerarosa] Main - 캐러셀 대소동

SetTimeout과 clearTimeout, 나아가 cleanup이 얼마나 중요한지 깨달았다

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

[JS] Timer

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

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

[JS] Operations with Dates, Intl, setTimeout, setInterval

//Lecture Creating Dates // //Create a date // const now = new Date(); // console.log(now); // //Tue Dec 21 2021 14:39:36 GMT+0900 (한국 표준시) // consol

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

[JS] 바닐라 자바스크립트 - setInterval,setTimeout ,Date,PadStart 시계 만들기

<들어가기 앞서>노마드 코더 강의를 보며 정리한 글입니다. 특정 시간마다 함수를 반복해서 실행한다. ex) setInterval(sayHello,1000); 1초마다 sayHello 함수 실행시간이 흐르고 딱 한 번 보여짐.공식문서시계가 나오게 된다.여기서 get

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

동기 / 비동기

동기 비동기

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

[react] 디바운스를 이용해 스낵바 구현하기 (Next.js + Typescript)

쿠팡이츠의 스낵바는 스크롤을 내리면 사라지고, 스크롤을 중단하면 다시 나타난다.이와 똑같이 동작하는 스낵바를 만들어볼 것이다.스크롤이 바뀌는 순간 스낵바가 사라지고, 스크롤이 500ms간 멈춤이 지속되면 스낵바를 띄우는 형태로 디바운스를 사용해야 한다.디자인은 자유롭게

2021년 12월 10일
·
0개의 댓글

Interval 과 Timeout

setInterval: 원하는 간격으로 반복호출, setTimeout: 원하는 시간이 흐른 후 호출

2021년 12월 8일
·
0개의 댓글

4일차

함수 우리가 만드는 "기능" 여지껏 사용한 기능은 기존에 만들어져있던 것들. 경고창을 띄우는 기능을 만든 것. 함수란? 어떤 데이터를 입력받아 결과데이터를 출력한다. 입력데이터는 소괄호( ) 에 입력하고, 결과데이터는 return 뒤에 들어간다. 매개변수 있으면 실행할 코드에도 매개변수 있어야함 함수 작성 방법 : 함수선언식 / 함수표현식 / 화살...

2021년 12월 2일
·
0개의 댓글

항해99 4기 Day 30 TIL

21.11.29 항해99 4기 30일차어제 주특기 심화 주차 개인 과제 쉬운버전을 마무리하고 오늘은 어려운 버전을 해봤는데 큰 문제없이 구현을 끝냈다.어려운 과제인데 이렇게 쉬울리없다고 생각해서 문제 출제하신 튜터님께 슬랙 DM을 보냈더니 테스트코드 다 통과했다고 끝이

2021년 11월 30일
·
0개의 댓글