TIL : useRef() / Cookie

useRef가 필요한 상황을 예시를 들어 설명해주세요.

컴포넌트에서 특정 DOM을 선택해야할 때, ref를 사용해야 하는데, 이때, DOM요소에 접근하기 위해 사용되는 Hook이 useRef()입니다.
useRef() Hook은 DOM을 선택하는 용도 외에도 컴포넌트 안에서 리랜더링 없이 조회 및 수정할 수 있기 때문에 주로 특정 DOM에 focus하는 기능이나 초기화 기능을 구현할 때 사용하게 됩니다.

예를 들어, 입력값을 여러가지 입력받는 form안에서, 유효성 검사 후, 수정이 필요한 input태그에 focus 하거나 submit 이벤트 후 input태그에 남아있는 내용들을 초기화 할 때 사용합니다.

Cookie의 MaxAge, Expires 옵션이 무엇인지, 설정하지 않으면 어떻게 되는지 설명해주세요.

MaxAge, Expires 옵션 웹브라우저를 껐다 켜도 유지될 수 있도록, 유지되는 기간을 설정하는 옵션입니다.

MaxAge는 만료기간, 얼마동안 유지할 것인지를 의미하며, Expires는 유효 일자로, 응답 컨텐츠가 언제 만료되는지를 나타냅니다.

MaxAge가 우선순위에 있기 때문에 두 가지 모두 있는 경우에는 Expires는 무시되지만, 일부 오래된 브라우저의 경우 max-age를 지원하지 않기 때문에 하위호환성을 위해 expires를 같이 써야 합니다.

만약 MaxAge, Expires 옵션이 지정되어있지 않으면, 브라우저가 닫힐 때 쿠키도 함께 삭제되는 세션쿠키가 됩니다.

( 출처 : 블로그, inflearn )