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 |
Tags
- iP
- nvm
- 다리놓기
- youtube iframe
- 구조분해할당
- leetcode189
- 커스텀알락
- yarn-berry
- Next.js
- 파이썬
- 리액트
- JS
- 커스텀알림
- react-firebaseui
- Rest
- react-native
- 파이어베이스로그인
- firebaseui
- 자바스크립트
- React
- css
- mac
- nvmrc
- 백준
- 기초
- Spread
- Python
- leetcode977
- 프로토타입
- TCPvsUDP
Archives
- Today
- Total
목록props drilling (1)
JadeCode
[리뷰] REDUX
State 상태란? 프론트엔드 개발에서는 "동적으로 표현되는 데이터"이다. 리액트는 단방향으로 상태 전달이 가능하다. 하지만 전역으로 상태를 다루어야 할 일이 있다. 그럴 때 전역상태라이브러리를 사용한다. 또한 Props drilling을 해결해 주기도 한다. props drilling이란 계속해서 자식 컴포넌트에 props를 넘겨주는 것을 말한다. 코드의 가독성이 매우 나빠지게 되고, 코드의 유지보수 또한 힘들어지게 된다. state변경 시 props 전달 과정에서 불필요하게 관여된 컴포넌트들 또한 리렌더링이 발생하여 웹 성능에 악영향을 줄 수 있다. 상태를 다루기 위해 컴포넌트 안에서 상태 변경 로직이 복잡하게 얽혀있는 경우가 많았다. 상태 변경 로직을 컴포넌트로부터 분리하면 표현에 집중한, 보다 단..
개발/웹
2022. 6. 27. 08:00