왕가's history

ESLint에 의해 발생한 에러입니다. 문제 useEffect(() => { if (!response) { return setLoading(false); } api(); ... } useEffect 훅에서 return setState를 줬더니 함수 자체에서 에러가 발생합니다. 공식 문서 찾아보니, 해당 문제의 발생원인은 아래와 같습니다 return 문은 종료하기 전에 실행되지 않습니다. (it does not execute a return statement before it exits) 값을 명시적으로 지정하지 않은 return문을 실행합니다. (it executes return which does not specify a value explicitly) 정의되지 않은 return을 실행합니다. (it ..

본인이 작성한 흐름 따라 값이 변할 것으로 예상하고 setState를 사용했을 때, 바로 다음줄에 값이 변하지 않는 것을 종종 확인할 수 있습니다. 이는 useState설명할 때처럼 비동기로 동작하기 때문입니다. (관련 설명은 아래 글 확인하시면 될 것 같습니다.) 2023.06.04 - [Front-End/React] - React] React 란...? 2023.06.06 - [Front-End/React] - Hook) useState 그렇다면 useState를 동기로 처리하려면 어떻게 해야 될지 2가지 방법이 있습니다. useEffect 사용 HTML 삽입 미리보기할 수 없는 소스 useEffect를 사용하여 의존성을 부여하고, content가 바뀔 때마다 갱신해 주면 됩니다. 2023.06.20..

useEffect Side-Effect를 처리하기 위한 Hook입니다. Side-Effect : 함수가 실행되면서 함수 외부에 존재하는 값이나 상태를 변경시키는 등의 행위로, 렌더링 된 이후 비동기로 처리되어야 하는 부수적인 것들을 지칭 uesEffect(() ⇒ { … } ,[deps]) 두 번째 인자인 deps에 state값을 넣고, state값이 변할 때마다 해당 useEffect를 실행. 빈 배열로 입력할 경우, 렌더링 후 1번만 실행. 종속성 배열을 아예 지정하지 않았을 경우, 리렌더링 될 때마다 실행. useEffect가 실행되는 시점은 렌더링 결과가 DOM에 반영될 때, 컴포넌트가 사라지기 직전 마지막으로 호출됩니다. 2023.06.20 - [Front-End/React] - React 동작..