일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
29 | 30 | 31 |
- typescript
- 티스토리챌린지
- JPA
- react-hook-form
- 오블완
- backend
- go
- designpatterns
- Redux
- springboot
- tanstackquery
- test
- java
- hook
- javascript
- JavaSpring
- satisfiles
- Gin
- frontend
- RTK
- React
- 웹애플리케이션서버
- ReactHooks
- storybook
- Chakra
- component
- css
- Spring
- golang
- Today
- Total
목록javascript (2)
bkdragon's log
병렬 처리 Promise를 병렬로 처리하는 법을 알아보자. Promise.all 을 사용하면 2개 이상의 Promise를 병렬로 처리할 수 있다. 아래는 Promise를 반환하는 함수 4개이다. 마지막 함수만 reject를 반환한다. const f1 = () => { return new Promise((res, _) => { setTimeout(() => { res('1번 완료'); }, 1000); }); }; const f2 = () => { return new Promise((res, _) => { setTimeout(() => { res('2번 완료'); }, 2000); }); }; const f3 = () => { return new Promise((res, _) => { setTimeout(..
클로저의 의미 클로저는 함수와 그 함수가 선언됐을 때의 렉시컬 환경과의 조합이다. 이 말을 이해하려면 실행 컨텍스트에 대해 알아야 한다. 실행 컨텍스트는 실행할 코드에 제공할 환경 정보들을 모아둔 객체로 선언된 변수와 함수 this 등의 정보가 담겨있다. 렉시컬 환경은 함수 내의 변수 상태를 관리하는 역할을 한다. 렉시컬 환경은 두부분으로 나뉘여 있는데 로컬 변수를 저장하는 부분과 외부 렉시컬 환경에 대한 참조 부분이다. 우리가 함수 내부에서 전역 변수를 사용할 수 있었던 것도 그 함수의 렉시컬 환경이 외부 렉시컬 환경을 참조하고 있기 때문에 변수 정보를 알고 있어서 그런 것이였다. 다시 클로저의 개념으로 돌아가면 함수가 선언됐을 때의 렉시컬 환경, 즉 함수 내부의 지역 변수를 활용한 개념이라고 생각할 ..