일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
- NextJS
- 투두리스트
- 자바스크립트
- React
- debounce
- Redux
- JavaScript
- todolist
- customModal component 만들기
- 리액트
- csr
- next-pwa
- 파이어베이스
- 배열
- Recoil
- 리엑트
- JS
- Next
- Firebase
- react-query
- 달리기경주
- 생명주기
- 리덕스
- google firebase
- useMutation
- SSR
- programmers
- 넥스트
- lifecycle
- 겹치는 선분의 길이
- Today
- Total
목록자바스크립트 (3)
끄적끄적
자바스크립트에서 배열에 관련된 함수들이 많이 있습니다. 그 중에서도 배열의 요소를 순환하며 특정 로직을 수행하려면 엄청 자주 쓰이는 map, forEach 가 있죠. 그렇다면 reduce는 무엇일까요 ? Javascript MDN에 보면 'reduce() 메서드는 배열의 각 요소에 대해 주어진 리듀서(reducer) 함수를 실행하고, 하나의 결과값을 반환합니다.' 라고 되어 있습니다. 이렇게만 보면 이해가 좀 어렵긴 합니다. reduce의 간단한 예시를 통해 알아가보도록 하겠습니다. ① 배열의 요소를 모두 더한 값을 얻기 let Arr = [1,2,3,4,5,6,7,8,9,10]; // forEach를 통한 덧셈구현 let result = 0; Arr.forEach(data=> result += data..
Javascript(JS)에서 중요한 개념인 Closure를 알아보겠습니다. JS를 사용해본 사람이라면 언젠가 들어봤을겁니다. 클로저. 하지만 개념이 어렵고 낯설어 이해하기가 쉽지 않습니다. 지금부터 closure의 개념과 간단한 예제를 통해 왜! 사용하는지에 대해서 알아보겠습니다. ! 클로저(Closure)란? Javascript에만 국한되는 것이 아닌 일급객체를 다루는 함수형 프로그래밍 언어에서 사용하는 개념으로, 함수가 실행될 때 의 스코프(lexical scope)를 기억해 함수가 외부에서 사용됐을 때도 이를 기억해 사용할 수 있게 해주는 것이다. 이렇게만 들으면 매우 어렵습니다. 간단하게 전역변수를 지역변수처럼 사용할 수 있게 해주는 것입니다. 이렇게도 들어도 매우 어렵습니다. :( 코드로 살펴..
이번 포스팅은 Javascript의 배열에서 자주쓰이는 함수들의 시간복잡도를 알아보려고 합니다. 배열은 정말 많이 쓰이는 자료구조 입니다. 그만큼 잘못사용한다면 성능에 영향을 끼칠 수 있습니다. Javascript에서의 배열 함수들의 실행 구조와 시간복잡도에 대해서 알아보겠습니다. ! 우선 Javascript에서의 배열은 저희가 알고 있던 배열과는 조금 다릅니다. 일반적인 배열이라는 자료구조는 동일한 크기의 메모리 공간이 연속적으로 나열된 자료구조입니다.. 하나의 타입을 갖고 연속적으로 인접해 있는 상태입니다. address(메모리 주소) 1000 1008 1016 1024 array 10 20 30 40 index 0 1 2 3 이러한 배열을 dense array라고 합니다. 이렇게 생긴 형태의 배열은..