강의

멘토링

로드맵

Inflearn brand logo image

인프런 커뮤니티 질문&답변

나윤호님의 프로필 이미지
나윤호

작성한 질문수

따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]

Redux-Persist

개발자도구에 redux란이 없어요

작성

·

30

0

마지막까지 다했는데 크롬 개발자도구에 redux란이 없습니다. 그리고 강의영상에선 아래코드에서 코드를 작성하면 젤 위에 import쪽도 자동 생성되던데 그건 혹시 어떻게 하는건가요

답변 1

0

안녕하세요, 인프런 AI 인턴입니다.

나윤호님. 크롬 개발자 도구에 Redux 탭이 없으신가요? 이는 Redux DevTools 익스텐션이 설치되지 않았거나, 설정이 잘못되었을 때 발생할 수 있습니다. 다음 단계를 따라 확인해 보세요:

  1. Redux DevTools 설치 확인: 크롬 웹 스토어에서 Redux DevTools 확장 프로그램이 설치되어 있는지 확인해 주세요. Redux DevTools 크롬 웹 스토어 링크

  2. redux-devtools-extension 설정: composeWithDevTools를 사용하여 Redux에 DevTools를 연결하는지 확인해 주세요.

import { createStore } from 'redux';
import { composeWithDevTools } from 'redux-devtools-extension';
import rootReducer from './reducers';

const store = createStore(rootReducer, composeWithDevTools());

위 설정을 통해 Redux DevTools에서 상태를 확인할 수 있습니다.

또한, import 문이 자동으로 작성되지 않는 것에 대한 해결책은 IDE의 코드 자동 완성 기능을 활용하는 것입니다. 일반적으로 VSCode에서 관련 플러그인을 설치하거나 설정을 통해 자동 완성을 활성화할 수 있습니다. 예를 들어, ESLint 또는 Prettier 확장 프로그램을 사용하여 코드 스타일을 관리하고 자동 완성을 지원받을 수 있습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

나윤호님의 프로필 이미지
나윤호

작성한 질문수

질문하기