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
- 데이터베이스
- OS
- 제앱소
- ObservableObject
- 애플 디벨로퍼 아카데미
- apple developer academy 후기
- 데이터베이스 공부
- 소프트웨어분석및설계
- StateObject
- 운영체제
- 애플 디벨로퍼 아카데미 후기
- Swift 디자인패턴
- useReducer
- iOS 개발 오류
- react
- 치지직
- Apple Developer Academy @ POSTECH
- ObservedObject
- 숭실대
- Swift 기능
- 앱 비교 프로젝트
- Swift 문법
- 네이버 치지직
- 애플 디벨로퍼 아카데미 21주차 회고
- 네이버 부스트캠프
- global soop
- sqoop
- SWIFT
- 애플 아카데미 후기
- swift문법
Archives
- Today
- Total
목록리액트를 다루는 기술 (1)
사과하는 제라스
리액트에서 성능 향상하기 - 리렌더링 줄이기!
성능을 최적화하는 수단은 여러가지가 존재한다. 1. React.memo를 사용한다. React.memo로 어떤 컴포넌트의 export 값을 감싸주면 해당 컴포넌트의 props가 바뀌지 않았다면, 리렌더링을 하지 않도록 설정함. -> 함수 컴포넌트의 리렌더링 성능을 최적화해 줌. 주로 리스트 관련 컴포넌트를 작성할 때는 리스트의 아이템, 리스트 이 두개의 컴포넌트를 React.memo를 통해 최적화해주어야 한다. 2. useState의 함수형 업데이트 useState의 함수들을 함수형으로 사용하면 된다. 예를 들면 다음과 같다. const [data, setData] = useState(''); function test() { setData(data => data = newData); //이런 식으로 se..
제라스가 React를 다루는 방법
2023. 1. 8. 13:50