contextAPI
React에 내장되어 있는 기능으로 props를 사용하지 않아도 특정 값이 필요한 컴포넌트끼리 쉽게 값을 공유할수 있게 해줍니다.
웹 스토리지
웹 스토리지에는 로컬스토리지와 세션스토리지가 있습니다. 이 두 스토리지는 스토리지에 키와 값을 저장합니다. 하지만 두 스토리지 저장 방식에 차이점이 있습니다. 로컬스토리지는 키와값이 영구적으로 남아 있고 세션스토리지는 창이 닫히면 키와 값이 날라갑니다.
세션과 쿠키
세션과 쿠키를 사용하는 이유는 HTTP프로토콜의 특징이자 약점을 보완하기 위해 사용하였습니다. HTTP프로토콜의 특징으로 비연결 지향, 상태정보 유지하지 않는것입니다. 하지만 상태정보를 유지해야하는 경우가 있습니다. 예로 들면 페이지 이동시 로그인이 유지되지않거나 장바구니 같은 기능을 사용할 수 없는 상황이 발생합니다. 이점을 보완하기 위해 세션과 쿠키가 나왔으며, 세션과 쿠키의 차이점은 저장위치 차이 인거 같습니다. 세션은 서버에 저장하고 쿠키는 클라이언트에 저장을 합니다. 보안적으로 보면 세션이 좋지만 사용자가 많아질수록 세션에 저장하면 서버에 부담이 커지므로 정말 중요한 것은 세션에 저장하되 덜 중요한 정보는 쿠키에 저장하여 서버 부하를 줄이는 것이 좋습니다. 서버부하 = 웹성능다운
포트폴리오에서 시간 복잡도를 낮춘 사례?
... 이게 맞는지 모르겠지만?
제가 생각하는 시간 복잡도를 낮춘 사례로는 useState로 상태값을 각각 관리 하였다가 useReducer로 한꺼번에 상태관리하여 코드의 양을 줄인거?
리액트의 컴포넌트 라이프사이클
크게 3가지로 나눌수 있습니다. 마운트, 업데이트,언마운트
1. 마운트 : 컴포넌트가 생성될때
2. 업데이트 : state, props가 변할때 / 부모 컴포넌트가 리렌더링 될때 / 강제 리렌더링 할때
3. 언마운트 : 컴포넌트가 사라질때
useRef
useRef는 특정 DOM을 접근하기 위해 사용되는 React Hook입니다. useRef의 장점으로 onChange대신 Ref를 써서 리렌더링을 방지 할수 있는 장점이 있습니다.
