🍈 [TIL] useRef ? / Cookie의 MaxAge, Expires

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

 

답변)

useRef는 ReactHocks 중 하나로, 함수형 컴포넌트에서 DOM요소 또는 다른 값을 저장할 수 있는 객체를 생성하는 데 사용됩니다.

useRef는 내용이 변경될 때 그것을 알려주지는 않지만, useRef로 생성한 객체는 컴포넌트가 랜더링될 때마다 동일한 객체를 반환하므로, 이전 값을 유지할 수 있습니다.

이는 클래스에서 인스턴스 필드를 사용하는 방법과 유사한 어떤 가변값을 유지하는 데에 편리합니다.

useRef가 필요한 상황으로는 

1. 컴포넌트 안에서 조회 및 수정할 수 있는 변수를 관리할 수 있습니다. 이를 통해 setTimeout, setInterval을 통해서 만들어지 id, scroll위치 값을 관리할 수 있습니다.
2. DOM 요소에 직접 접근해야 하는 경우 ref속성을 통해 DOM요소에 접근할 수 있습니다.
3.랜더링과 상관없는 값을 저장하고 싶은 경우 사용할 수 있습니다.

 

 

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

 

답변)

쿠키는 웹 브라우저 상에 작은 텍스트파일로 저장이 되는 만료기간이 존재하는 저장소입니다.

maxage와 expires는 쿠키의 수명을 제어하는데 사용됩니다.
MaxAge는 쿠키가 삭제될 시간을 초 단위로 설정합니다. 쿠키가 생성된 후 입력한 시간동안 쿠키가 유효할 수 있게 만들 수 있습니다.
Expires는 쿠키의 만료 일자를 GMT를 사용하여 쿠키의 수명을 제어합니다. 
두가지 모두 지정한다면 MaxAge가 우선으로 하기 때문에 두가지 모두 지정해주는 것이 좋고, 만약 두가지 옵션이 지정되어있지 않으면, 브라우저가 닫힐 때 쿠키도 함께 삭제가 될 수 있습니다.