TIL 19. React 심화

Mission: React 개념 익히기

1) 목적

1. React Context의 필요성과 필수 개념에 대해 이해한다.
2. useContext를 실습하여 컴포넌트 간 데이터를 공유하는 방법을 익힌다.
3. React.memo, useCallback, useMemo의 개념과 사용 방법을 숙지하여 최적화를 할 수 있다.
4. 리액트 라이프사이클과 Virtual DOM 개념에 대해 이해한다.
5. 리덕스를 사용하여 프로젝트를 구축하기 위한 기본 설정을 완료할 수 있다.
6. useState를 사용하여 만들었던 count 프로그램을 리덕스를 활용하여 다시 구현한다.

2) 방법

1. 관련 강의를 수강하여 개념을 학습한다.
2. 예제 코드를 참고하여 실습해보며 개념과 사용법을 익힌다.
3. 관련 자료를 구글링하여 추가적인 정보를 습득한다.

3) 문제

1. 개념을 이해하기 어려워 정확한 사용법을 파악하기 어려웠다.
2. 오류 처리 과정에서 어려움을 겪었다.

4) 해결

1. 강의를 통해 개념을 학습하고 예제 코드를 따라 작성하여 실습하였다.
2. 구글링을 통해 관련 자료와 블로그를 찾아보며 오류 해결에 대한 정보를 습득하였다.

5) 알게된 점

1. React Context를 사용하여 컴포넌트 간에 데이터를 공유할 수 있다.
   
   
2. useContext 훅을 활용하여 Context 값을 손쉽게 가져와 사용할 수 있다.
   
   
3. React.memo를 사용하여 컴포넌트의 불필요한 재렌더링을 방지할 수 있다.
   
   
4. useCallback을 사용하여 콜백 함수를 메모이제이션하여 성능을 최적화할 수 있다.
   
   
5. useMemo를 사용하여 계산 비용이 큰 값을 캐싱하여 성능을 개선할 수 있다.
   
   
6. 리액트 라이프사이클을 이해하여 컴포넌트의 생명주기 동안 어떤 작업이 수행되는지 알 수 있다.
   
   
7. Virtual DOM 개념을 이해하여 리액트가 화면을 그리는 방식을 이해할 수 있다.
   
   
8. 리덕스를 사용하여 상태 관리를 효과적으로 할 수 있으며, useState를 통해 구현한 프로그램을 리덕스로 다시 구현할 수 있다.