[일간회고] 24.02.18

Today I did...

 

• 백준 2720번 해결

2024.02.18 - [📂 𝐚𝐥𝐠𝐨𝐫𝐢𝐭𝐡𝐦/백준] - [BAEKJOON] 백준 8단계 - 2720번 / JavaScript

[BAEKJOON] 백준 8단계 - 2720번 / JavaScript

vsCode에서 실행한 속도

baekjoon에서 실행한 속도 및 메모리

 

• useState() React .hook 심층있게 복기하기

2024.02.18 - [📁 𝐫𝐮𝐧𝐭𝐢𝐦𝐞𝐄𝐧𝐯𝐢𝐫𝐨𝐧𝐦𝐞𝐧𝐭/React.js] - [React .hook] What is useState ?

[React .hook] What is useState ?

 

정말로 기본적인 hook이라 너무 자주 사용해서 모르는 부분이 없다고 자만했다.

 

하지만 역시나

 

자만은 금물이다... ㅋㅋ

 

내가 프로젝트를 진행할 때 자주 직면했던 Error? 가 왜 발생했었는지

 

그냥 해결되는대로 고쳤던 기억이 있던 부분을 드디어 찾았다.

 

React 프로젝트를 하다가 보면 자주 직면했던 문제중 하나가

 

State 값이 변경될 때 마다 내가 원하지도 않았는데 무거운 작업을 한다던가,

 

원하지도 않았던 Api 요청을 했던 기억이 있다.

 

State 값이 변경될 때 선언했던 useState 초기값에

 

함수를 직접 넣어서 생겼던 문제로 파악이 된다.

 

이럴 경우에는 callback 형태로 초기값을 넣어주면

 

처음 렌더링 될 때 즉 첫 mount 때만 작업이 돌아가고 그 이외의 다른 state 값들이 변경이 되어도

 

다시 요청하고 돌아가지 않을것이다