프론트 2명 + 백 3명 프로젝트 진행중.
주제 : 캠핑
주제명 : Camping Zip
Redux와 Context API
Context 는 언제사용하나
- 리액트 컴포넌트간에 어떠한 값을 공유할수 있게 해주는 기능이다.
- 주로 Context는 전역적(global)으로 필요한 값을 다룰 때 사용하는데요, 꼭 전역적일 필요는 없다.
- Context를 단순히 "리액트 컴포넌트에서 Props가 아닌 또 다른 방식으로 컴포넌트간에 값을 전달하는 방법이다" 라고 접근을 하는 것이 좋다.
props driling을 피하고자 할때 사용한다.
Redux 는 언제 사용해야하나
- 여러 위치에 많은 양의 상태 값이 존재 할 때
- 업데이트 로직이 복잡 할 때
- 거대한 코드 베이스를 여러 사람이 작업 할 때
- 상태 변경 시각화가 필요 할 때
- 사이드이펙트, 메모이제이션, 데이터 직렬화등 관리를 위해 더 강력한 기능이 필요 할 때
쿠키, 로컬스토리지, 세션스토리지
쿠키 (만료 기간이있고 용량이 작다, 쿠키만료시간 지정가능)
일시적으로 필요한 가벼운 데이터 저장이 필요할 때
다시 보지 않음 쿠키 팝업창 , 로그인 자동 완성
로컬 스토리지 (데이터 영구 저장 가능)
지속적으로 필요한 데이터 저장이 필요할 때
자동 로그인
세션 스토리지 (브라우저 탭, 윈도우 종료 시 스토리지 초기화)
일시적으로 필요한 데이터 저장이 필요할 때
일회성 로그인, 입력 폼 저장, 비로그인 장바구니
have a nice day