2022-03-15 TIL

Fact

• 프로그래머스 3렙 베스트앨범 문제 풀기
• 2022-03-15 useRef() 공부하고 포스팅
• 퀴즈를 삭제하면 algolia quiz index 데이터도 삭제되도록 구현
• 퀴즈 옵션 드롭다운 클릭 > 수정 클릭 > 퀴즈를 수정할 수 있는 모달이 나오도록 구현했는데, useRef를 사용해서 모달을 닫으면 드롭다운도 닫히도록 구현했다.

Feelings

• useRef를 공부해 보니 내 프로젝트에 사용해 볼 만한 부분이 많았다. 마침 공부하려는데, 공식 문서 말고도 좋은 블로그들이 많아서 큰 도움이 되었다.
• useRef 꼭 읽어보세요

Findings

1.useRef() 는 일반적인 자바스크립트 객체입니다.

2.매번 렌더링할 때 동일한 객체를 제공합니다.

3.값이 변경되어도 리렌더링이 되지않습니다.

즉 heap에 저장되어 있기 때문에 애플리케이션이 종료되거나 가비지 컬렉팅될 때까지, 참조할 때마다 같은 메모리 값을 가지고 있습니다. 그렇기 때문에 자바스크립트의 === 연산이 항상 true를 반환하기 때문에, 즉 변경사항을 감지할 수 없기 때문에 리렌더링을 하지 않는다는 뜻입니다.

Future Action

• 알고리즘, 한 달에 한 권 꼭 책 읽기
• 사용하는 게 중요한 게 아니라 어떠한 문제를 해결해 주는지? 그리고 왜 사용하는지 아는 게 가장 중요하다.
• 프로젝트에 RESTful API 고려하기
• useRef를 더 효율적으로 사용할 방법 생각해보기