문제 확인
2024.03.08 - [⭐ 𝐩𝐫𝐨𝐣𝐞𝐜𝐭𝐬/project 개발일지] - [프로젝트 개발일지] OOTD - 장바구니 Select (선택 사항)
[프로젝트 개발일지] OOTD - 장바구니 Select (선택 사항)
선택 사항을 만들어 보려고 한다. 위의 빨간색으로 체크된 부분 처럼 state로 값을 DB에서 가져오고 value로 담고 있다가 select의 options를 선택하면 값이 바뀌는 로직을 만들고 싶었다. 그러기 전에
jrogrammer.tistory.com
해결 방법
2024.03.11 - [⭐ 𝐩𝐫𝐨𝐣𝐞𝐜𝐭𝐬/project 개발일지] - [프로젝트 개발일지] OOTD state 변경 시 깜빡임 문제 해결
[프로젝트 개발일지] OOTD state 변경 시 깜빡임 문제 해결
Before we start... 내가 직면한 오류(?) 라고 하기에는 거창하지만 state의 값이 변경될 때 혹은 query를 날릴 때 select의 값이 깜빡이는 문제가 있었다. 결론은 해결했다...! 2024.03.08 - [⭐ 𝐩𝐫𝐨𝐣𝐞
jrogrammer.tistory.com
추가로 알게된 점
2024.03.11 - [📁 𝐫𝐮𝐧𝐭𝐢𝐦𝐞𝐄𝐧𝐯𝐢𝐫𝐨𝐧𝐦𝐞𝐧𝐭/React.js] - [React .hook] Next.js 프로젝트에서 useEffect 호출이 2번되는 오류
[React .hook] Next.js 프로젝트에서 useEffect 호출이 2번되는 오류
Before we start... useEffect React의 가장 기본적인 hook이다. 한달전에 우리가 같이 복기한 시간이 있었다. 2024.02.17 - [📁 𝐫𝐮𝐧𝐭𝐢𝐦𝐞𝐄𝐧𝐯𝐢𝐫𝐨𝐧𝐦𝐞𝐧𝐭/React.js] - [React .hook] What is
jrogrammer.tistory.com
결론
- useEffect를 활용할 때는 의존성 배열을 최대한 비워주는게 좋을 것 같다.
- Next.js 프로젝트에서 useEffect가 2번 호출되는 이유는 next.config.js의 reactStrictMode가 true로 설정이 되어있기 때문===> false로 바꿔줘야 된다.
- state가 변경되는걸 감지하고 그 값을 저장하고 싶다면? useMemo, useCallback을 적절히 활용하자.
'⭐ 𝐩𝐫𝐨𝐣𝐞𝐜𝐭𝐬 > Error' 카테고리의 다른 글
| [Error] useEffect에 대한 잘못되었던 생각...! (1) | 2024.03.11 |
|---|---|
| [실전 프로젝트] 이번 프로젝트에서 발생한 문제점들과 내가 해결해 나간 방식 (0) | 2023.03.27 |
