Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 타입스크립트
- 타입
- Component
- Unit Test
- 알고리즘
- Docker
- type
- javascript
- Primitive
- jest
- Solid
- test
- 리액트
- SVG
- BFS
- 백준
- 프론트엔드
- Study
- DFS
- 자바스크립트
- react
- svgr
- 아키텍처
- error
- docker-compose
- next.js
- nextjs
- typescript
- 다이나믹프로그래밍
- DAILY
Archives
- Today
- Total
목록동시성 (1)
`프론트엔드 개발자` 개형이의 벽돌집
프론트엔드 학습 일지 Day 2 - 리액트 동시성 React Concurrency
리액트 18 버전과 함께 등장한 동시성 적용에 대해 학습해보고자 한다. 아직 실무에서 적용해본 적은 없는 내용이라 배움에 상당한 기대가 된다. Day 2 스탓뚜! 리액트 동시성 (Concurrency) 살펴보기 1. 동시성이란? 리액트는 기본적으로 다음 뷰를 렌더링할 때 UI를 Blocking 했었다. UI를 블로킹.. 말 그대로 다음 뷰를 렌더링하는 동안 블로킹이 걸려 현재 뷰의 어떤 동작을 수행할 수 없는 것이다. 만약 어떤 컴포넌트 Rendering에 시간이 오래 소요된다면, 기다리는 동안 다른 것을 클릭할 수 없을 것이다. 오래 걸린다고 해서 중단하고 싶어도 중단할 수도 없을 것이다. 하지만 동시성이 적용된다면?! 다음 뷰를 렌더링하는 동안 현재 뷰의 반응성을 유지가 가능해진다. 이를 통해 오래걸..
학습일지
2023. 8. 2. 13:38