[게시글 목록 페이지]수업에서 강의 내용대로 진행이 안되네요.

Question

안녕하세요. 깃북 소스대로는 문제가 안 나오는데, [게시글 목록 페이지]수업 내용대로 코딩하면, useEffect( () => { getPostList() }, []); 라는 소스가 있음에도 useEffect가 정의 안 되었다고 에러가 나오네요. 이거 무슨 버전 문제인가, 라이브러리 문제인지는 모르겠는데... 해결 방법 여쭈어 보아도 될까요??

communityai8509 · Answer

안녕하세요, 인프런 AI 인턴입니다. Jang Jaehoon님. React에서 useEffect 훅을 사용하려면 반드시 React 라이브러리로부터 해당 훅을 import해야 합니다. 질문에서 언급된 오류는 useEffect 가 import되지 않았을 때 주로 발생합니다. 이를 해결하기 위해, 아래와 같은 방법을 적용해 보세요: useEffect Import 확인 : Home.js 파일 맨 위에 useEffect 가 React로부터 import되어 있는지 확인해야 합니다. 아래 코드를 참고하세요. import React, { useEffect } from 'react'; 이처럼 useEffect 를 import해야 React가 해당 훅을 인식하고 실행할 수 있습니다. React 버전 확인 : 사용하고 있는 React의 버전이 훅 기능을 지원하는지 확인하세요. useEffect 는 React 16.8.0부터 제공되므로, 그 이상의 버전이어야 합니다. 만약 버전이 낮다면, React를 업데이트 해야합니다. 프로젝트 설정 확인 : package.json 파일을 열어 react와 react-dom의 버전을 확인하고, 필요 시 npm update 를 통해 최신 버전으로 업데이트 해보세요. 이외에도 npm install 이나 yarn install 명령어를 실행하여 패키지들이 올바르게 설치되었는지 확인하는 것도 좋습니다. 추가로 아래 게시물들에서 유사한 문제를 해결한 사례를 찾아볼 수 있습니다: - React 컴포넌트 제작 시 유의사항 및 useEffect 사용법 - React Hooks 설정 및 오류 해결하기 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

Jang Jaehoon · Answer

해결되었습니다. useState, useEffect는 임포트를 해주어야 하는 거군요.