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
- React
- 리액트 코드분할
- Interface
- TS
- Front-End
- 상태 끌어올리기
- 타입스크립트
- 배칭
- lifting state up
- react code splitting
- Next.js
- 자바스크립트
- react rendering
- TypeScript
- state 최적화
- 렌더링 동작원리
- JavaScript
- react router dom v6
- useMemo
- rendering
- 타스
- router dom
- useCallback
- 자동 배칭
- 렌더링
- 리액트
- 프론트엔드
- 고급타입
- mapped types
- NextJS
Archives
- Today
- Total
목록lifting state up (1)
서녕이네 개발단지

개발을 하면서 살이 찌는 내 상황과 아주 똑같.. 이젠 살이찌니 배 부터 나오더랑 😞 이번엔 state 최적화를 위한 방법에 대해서 포스팅 해보고자 한다. 대략적으로는 알고 있지만 좀 더 구체적으로 내용을 다루고, 기록을 남기고자 포스팅을 끄적인다! 먼저 state 에 대해 간략하게 적고~ 본론인 최적화를 위한 방법으로 넘어가겠다. State 란? 리액트를 다루는 핵심이라고 볼 수 있다! - 일반적으로 컴포넌트의 내부에서 변경 가능한 데이터를 관리해야할 때에 사용 한다. - 값을 저장하거나 변경할 수 있는 객체로 보통 이벤트와 함께 사용된다. - 컴포넌트에서 동적인 값을 상태(state)라고 부르며, 동적인 데이터를 다룰 때 사용된다 볼 수 있다. 💡 상태변경은 기본적으로 event trigger 기반으..
프론트엔드/React
2023. 6. 19. 20:51