안녕하세요
아직 훅함수에 대해서 개념이 잘 잡히지 않아서, 아래 경우에서 어떻게 사용하는게 더 일반적인지 궁금해요!
만약에, useEffect() 안에 넣어야 할 함수들이 여러개가 있고 lifecycle 단계가 같다면
보통은 하나의 useEffect()에 다 넣나요, 아니면 하나하나 useEffect() 안에다가 넣나요, 그것도 아니면 둘 다 상관 없을까요?
ex) 기능1 과 기능 2를 useEffect() 하나에 다 넣은 경우
useEffect( ()=>{
// 1. watched items를 local storage에 추가
let watched = localStorage.getItem('watched');
let watchedArr = (watched != null)? JSON.parse(localStorage.getItem('watched')):[];
let index = watchedArr.findIndex( (item) => item == shoesItem.id );
if( index >= 0 ){ watchedArr.splice(index, 1) }
watchedArr.push(shoesItem.id);
localStorage.setItem('watched', JSON.stringify(watchedArr));
// 2. 2초 뒤에 이벤트 페이지 삭제
setTimeout( ()=> setAlert(false), 2000);
return( ()=>{
})
},[])