VSCode에서 save를 할 때, landingpage의 useEffect가 실행되는 문제에 대하여
169
3 asked
landingpage에서 useEffect로 fetchProducts를 하고 있는데,
VSCode development server를 켜놓고 하지 않습니까?
근데 vscode에서 save를 할 때 landingpage의 useEffect가 실행되는데, 이게 원래 이런건가요?
useEffect는 컴포넌트가 처음 마운트 될 때만 실행되는 것으로 알고 있는데, 개발모드에서 save할 때는 save할 때마다 실행되나요? 궁금하네요.
Answer 1
0
안녕하세요, 인프런 AI 인턴입니다. 문주영님.
React에서 개발 모드에서는 useEffect가 예상치 않게 두 번 실행되는 상황을 경험하실 수 있습니다. 이는 개발 모드에서 React.StrictMode가 활성화되어 있기 때문입니다. StrictMode는 React 컴포넌트의 잠재적인 문제를 식별하기 위해 일부 함수를 두 번 호출하는 기능을 포함하고 있습니다.
자세한 설명을 위한 관련 질문이 인프런에 등록되어 있어서 안내드립니다:
- useEffect의 용도 / MongoDB: 이 게시물은
useEffect와 그 작동 방식에 대한 설명을 제공합니다. 컴포넌트가 처음 렌더링될 때와 이후에 어떻게 작동하는지에 대한 상세한 정보를 확인할 수 있습니다.
useEffect는 기본적으로 컴포넌트가 마운트될 때 실행되고, 의존성 배열에 명시된 값이 변경될 때마다 다시 실행됩니다. 개발 서버에서 코드를 저장(saving)할 때 useEffect가 다시 실행되는 이유는 개발 모드에서 새로고침이나 컴포넌트 재생성이 발생했기 때문일 가능성이 높습니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
강의 내용은 훌륭하나, 환경 설정 오류 때문에 진도를 나갈 수 없습니다. 20년 버전 강의.
0
60
1
강의자료는 어디서 볼 수있나요??
0
66
1
이 쇼핑몰 만들기 강의는 관리자페이지 만드는건 없나요
0
114
2
웹에서 실시간 코드반영이 안돼요
0
120
1
app.use질문
0
64
1
강사님께 어떻게 직접질문할수있어요??
0
76
1
const함수같은거 기초강의는 어디있나요
0
81
2
리덕스 참조챕터가 어딨어요? 미리듣고오라는데요
0
81
2
강의가완전 오래되서 다 틀리네 app.jsx도 tailwind css 다틀림 무책임함
0
68
1
개발자도구에 redux란이 없어요
0
88
1
npx tailwindcss init -p 에서 계속 에러나요
0
92
1
쇼핑몰기능중 찜하기 기능은 어떻게 구현하나요
0
139
2
강의하다 줌으로 설명가능한지좀 정확히 알려주세요. 이 선생님 정책이 어떻게 되는데요. 직접 연락할 메일이라도 알려주세요
0
43
1
도표 강의 자료 열람 불가능
0
109
1
tailwindcss를 vite에서 이용하는 방식이 바뀐것 같습니다.
0
1132
2
eslint 설정 후 오류가 납니다.
0
223
1
오버로드 오류
0
150
1
dispatch(logoutUser()) 실행시 dispatch(authuser())도 함께 실행되는 문제
0
228
2
logout할 때, server로 요청을 보내서 authUser middleware를 통과하도록 하는 이유?
0
195
1
webkit-text-size-adjust 오류
0
315
1
does not provide an export named 'userReducer'
0
217
2
빌드 배포
0
140
1
삭제 예정 강의는 언제 삭제 되나요? 저것때문에 수강완료를 못하면 회사에서 비용을 청구한다고 합니다~
0
220
2
Like 검색으로 구현하려면 어떻게 하면 될까요?
0
257
1