useRef가 필요한 상황을 예시를 들어 설명해주세요
첫번째로는 컴포넌트 안에서 조회 및 수정 가능한 변수를 관리하는 용도가 있다. useRef로 변수를 관리하게 되면 변수가 업데이트 되어도 컴포넌트가 리렌더링 되지 않기 때문에 리렌더링 할 필요가 없는 변수는 useRef로 관리해주면 된다.
두번째로는 DOM 요소에 접근할 때 쓰인다. 리액트에서 포커스를 설정해야 한다거나 특정 DOM을 선택해야 할 상황에 useRef를 사용한다.
useRef : 저장공간, DOM 요소에 접근을 하기 위해 사용되는 리액트 훅
변경사항을 감지하지 못하기 때문에 리렌더링 하지 않는다.
(리렌더링에 적용되지 않을 가변적인 상태에 활용)
Cookie의 MaxAge, Expires 옵션이 무엇인지, 설정하지 않으면 어떻게 되는지 설명해주세요.
expires는 브라우저는 설정된 유효일자까지 쿠키를 유지하다가, 해당 일자가 되면 쿠키를 자동으로 삭제한다. expires 옵션을 과거로 지정하면 쿠키는 삭제된다.
max-age는 expires의 대안으로, 쿠키의 만료기간을 설정할 수 있다. 현재 설정하고자 하는 만료일시까지의 시간을 밀리세컨드로 환산한 값을 설정한다. 0이나 음수로 설정하면 쿠키는 바로 삭제된다.
두 옵션을 동시에 설정하면 max-age가 더 높은 우선순위로 적용되지만,
하나라도 설정하지 않으면 해당 쿠키는 브라우저가 닫힐 때 폐기된다.
쿠키 : 브라우저에 데이터를 저장할 때 사용
maxage : 쿠키를 얼마나 유지할 것인지 지정하는 옵션
expires : 쿠키를 언제 폐기할 것인지 지정하는 옵션
두 옵션 모두 설정 : maxage > expires
두 옵션 중 하나라도 설정 x : 브라우저가 닫힐 때 쿠키 폐기
=> 쿠키를 빠르게 폐기하고 싶다면 옵션을 설정하지 않으면 된다.
이때 브라우저를 종료하면 삭제되는 쿠키를 세션쿠키, 삭제되지 않는 쿠키를 영속성 쿠키라고 한다.
