React.js
[React.js] 최적화
mm_스터디
2024. 6. 25. 13:36
728x90
최적화 (optimization):
목적에 따라 가장 좋은 결과가 얻어지도록 성능을 개선하는 행위로 컴파일러에서 원시 프로그램이 목적 프로그램을 생성하는 과정에 있어서, 목적 프로그램의 실행 시간을 될 수 있는 한 단축하거나 목적 프로그램이 기억되는 기억 영역을 최소한으로 하거나 컴파일러 시간을 단축하거나 하는 것
우리는 컴퓨터 최적화를 위해 불필요한 소프트웨어 제거하거나 디스크 정리 및 조각 모음 사용 등 한다
특히 웹 개발 및 구현에 있어서 최적화는 굉장히 중요하다
웹, 앱 사용하는데 있어서 응답시간, 반환 시간은 사용자에게 매우 중요한 요소이다
우리가 웹이나 앱에서 무언가를 찾고 검색하거나 실행시키는 등 행위를 할 때 1,2초 딜레이 생기는게 생각보다 크게 와닿는다
그래서 웹 성능을 향상시키기 위해 다양한 최적화 방법을 고려해야한다
이러한 최적화는 React서도 가능한데
React 내부 최적화 방법은
1. 컴포넌트 내부의 불필요한 연산 방지
2. 컴포넌트 냅의 불필요한 함수 재생성 방지
3. 컴포넌트의 불필요한 리렌더링 방지
가 있다
이는 리액트 내부 기능을 이용해 구현 가능하다
https://mm-study-front.tistory.com/43
[React.js] React Hooks
클래스 컴포넌트의 기능을 함수 컴포넌트에서 사용할 수 있도록 도와주는 메서드 과거에는 클래스 컴포넌트만 모든 기능을 이용할 수 있었고, 함수 컴포넌트는 UI 랜더링만 가능했었음→ 근
mm-study-front.tistory.com
728x90