본문 바로가기

WEB/JavaScript4

너 setTimeout, setInterval 로 시간 보장한다고 할 수 있어? 어떻게? 타이머를 구현하다가 문득 그런 생각이 들었다. 아무 생각 없이 setTimeout 과 setInterval을 사용하면서 얘네는 어떻게 돌아가는거지? 얘네를 믿고 써도되는건가? 과연 setTimeout과 setInterval이 시간을 보장해주는 게 맞나? 그래서 공부하게 됐다. 👀TL; DR setTimeout, setInterval의 차이점 지연 간격이 보장되나? 시간을 측정해야되는 타이머라면 Date가 해결책이 될수도..? setTimeout 지정해준 시간이 지난 후에 1회 특정 코드를 실행하는 방법 비동기 함수 setTimeout이 비동기처리가 가능한 이유는 JS엔진이 아니라 WebAPI에서 처리를 한다. 이를 통해서 싱글스레드인 JS에서 비동기적인 처리가 가능하게 된다. setInterval 지정해.. 2024. 1. 16.

[JavaScript] map 함수 리액트를 사용하고 공부하다보니 자바스크립트 문법에 대해 부족한 점을 많이 느껴 자세히 공부하기로 마음먹었다. 자바스크립트 문법을 보다 정확하게 알고있어야 리액트를 하는데도 온전히 내것으로 만들 수 있는 것 같다. 그렇게 코드에서 내가 자주 사용했던 함수들 위주로 작성해보려고한다. 오늘은 map함수에 대해서 알아보려고 한다. 이 글은 MDN 과 제로초님의 블로그를 참고해서 작성하였습니다. map 함수 배열.map((요소, 인덱스, 배열) => { return 요소 }); arr.map(callback(currentValue[, index[, array]])[, thisArg]) map함수는 위와같은 구문을 가지고 있다. 두가지 구문표현방법은 나는 아래의 표현보다는 위의 표현이 더 와닿았던 것 같다. 배열 .. 2021. 2. 1.

[JavaScript] filter() 📖리액트를 다루는 기술📖을 공부하면서 컴포넌트의 반복을 공부하면서 배열 객체의 내장함수를 많이 사용하였는데, 이를 좀 더 자세하게 알아보고 싶었다. 리다기에서 filter()메소드를 사용하는 예제가 있었다. 데이터를 제거하는 기능을 필터함수를 사용했다. const onRemove = id => { const nextNames = name.filter(name => name.id !== id); setNames(nextNames); }; 이 함수는 입력된 id를 받아서 그 id와 다른 즉, 해당된 id를 제외한 나머지 id에 해당되는 name들을 모아놓은 배열이 nextNames가 되는것이다. 그러고나서 setNames(nextNames)를 통해서 names값을 업데이트해주는것이다. 그렇다면, 여기서 fi.. 2021. 1. 24.

[JavaScript] push() & concat() 오늘은 리액트를 공부하다가 미뤄놓았던 궁금증을 풀어보았다. 📖리액트를 다루는 기술📖의 6장에서 내장함수에 대한 언급이 있었는데, 거기에 concat, filter와 같은 함수가 있었다. 그런데 concat 함수를 찾아보다보니 push함수와 비교가 많이 되길래 같이 공부해보았다. 이 두 함수들은 배열에 요소를 추가할 때 사용된다. 그럼 그 사이에서 두 함수의 차이는 무엇일까? 먼저, push 함수를 알아보고, concat함수에 대해서 알아보겠다. 왜 두 함수를 같이 비교하는것인가? 그 이유는 두 개의 배열을 하나의 배열로 합칠 때, 일어나는데 하나의 원소를 밀어넣는 push 대신에 concat을 사용하라고 두 함수를 같이 비교하는 것이다. 이 글은 MDN을 참고하여 작성하였다. push() push는 기존.. 2021. 1. 20.

이전 1 다음

티스토리툴바