const initialState ={ user:{ 동영상 문... - 인프런

[리뉴얼] React로 NodeBird SNS 만들기

리덕스 실제 구현하기

const initialState ={ user:{ 동영상 문법오류

2022-12-17T09:30:10.496Z

376

oksky2957

작성한 질문수 29

const initialState ={ user:{ 동영상 문법오류

문제의 상황

D:\react-zero\front\reducers\index.js

const initialState ={
user:{
    isLoggedIn: false,
    user: null,
    signUpData: {},
    loginData: {},
},
post: {
    mainPosts: [],

}
};

const initialState ={
user:{
    isLoggedIn: false,
    user: null,
    signUpData: {},
    loginData: {},
},
post: {
    mainPosts: [],

}
};

export const loginAction = (data) =>{
 return {
    type: 'LOG_IN',
    data,
 }
}

export const logoutAction = () =>{
    return {
       type: 'LOG_OUT',
       data,
    }
   }

//async action creator

//action Createor
const CHANGE_NICKNAME = {
 type: 'CHANGE_NICKNAME',
 data: 'boogicho',
}

const initialState = {
 user: {
 isLoggedIn: false,
 user: null,
 signUpData: {},
 loginData: {},
    },
 post: {
 mainPosts: [],
 }
};


//action Createor
const changeNickname = (data) => {
return {
 type: 'CHANGE_NICKNAME',
 data,
    }
};
changeNickname('boogicho');
//{
// type: 'ChANGE_NICKNAME',   
// data: 'boogicho',
//}
//
store.dispatch(changeNickname('mighty tak'))

// (이전상태, 액션) => 다음상태
const rootReducer =(state, initialState, action)=>{
    
 switch (action.type){
 case 'LOG_IN':
    return {
        ... state,
        user: {
            ...state.user,
            isLoggedIn: ture,
            user: action.data,
        },
    };
case 'LOG_OUT':
    return {
        ... state,
        user: {
            ...state.user,
            isLoggedIn: false,
            user: null,
        },
    };
 }

};

export default rootReducer;

빨간밑줄과 문법내용 고치라고 나옵니다

지금 문법오류가 났습니다 흠 ..

ㅇ

redux nodejs express react Next.js

답변 1

제로초(조현영)

2022-12-17T09:50:29.895Z

initialState를 두 번 만드셨는데요??

oksky2957

2022-12-17T10:11:02.854Z

수정 -주석처리

export const initialState ={
    user:{
        isLoggedIn: false,
        user: null,
        signUpData: {},
        loginData: {},
    },
    post: {
        mainPosts: [],
    
    }
    };
    
    export const loginAction = (data) =>{
     return {
        type: 'LOG_IN',
        data,
     }
    }
    
    export const logoutAction = () =>{
        return {
           type: 'LOG_OUT',
           data,
        }
       }
    
    //async action creator
    
    //action Createor
    const CHANGE_NICKNAME = {
     type: 'CHANGE_NICKNAME',
     data: 'boogicho',
    }
    
    // const initialState = {
    //  user: {
    //  isLoggedIn: false,
    //  user: null,
    //  signUpData: {},
    //  loginData: {},
    //     },
    //  post: {
    //  mainPosts: [],
    //  }
    // };
    
    
    //action Createor
    const changeNickname = (data) => {
    return {
     type: 'CHANGE_NICKNAME',
     data,
        }
    };
    changeNickname('boogicho');
    //{
    // type: 'ChANGE_NICKNAME',   
    // data: 'boogicho',
    //}
    //
    store.dispatch(changeNickname('mighty tak'))
    
    // (이전상태, 액션) => 다음상태
    const rootReducer =(state, initialState, action)=>{
        
     switch (action.type){
     case 'LOG_IN':
        return {
            ... state,
            user: {
                ...state.user,
                isLoggedIn: ture,
                user: action.data,
            },
        };
    case 'LOG_OUT':
        return {
            ... state,
            user: {
                ...state.user,
                isLoggedIn: false,
                user: null,
            },
        };
     }
    
    };
    
    export default rootReducer;

수정후 오류

  page: '/'
}
  60 |     //}
  61 |     //
> 62 |     store.dispatch(changeNickname('mighty tak'))
     |    ^
  63 |
  64 |     // (이전상태, 액션) => 다음상태
  65 |     const rootReducer =(state, initialState, action)=>{

터미넝

essfully in 74 ms (221 modules)
ReferenceError: store is not defined
    at eval (webpack-internal:///./reducers/index.js:60:1)
    at ./reducers/index.js (D:\react-zero\front\.next\server\pages\_app.js:33:1)      
    at __webpack_require__ (D:\react-zero\front\.next\server\webpack-runtime.js:33:42)
    at eval (webpack-internal:///./store/configureStore.js:9:67)
    at ./store/configureStore.js (D:\react-zero\front\.next\server\pages\_app.js:44:1)
    at __webpack_require__ (D:\react-zero\front\.next\server\webpack-runtime.js:33:42)
    at eval (webpack-internal:///./pages/_app.js:17:79)
    at ./pages/_app.js (D:\react-zero\front\.next\server\pages\_app.js:22:1)
    at __webpack_require__ (D:\react-zero\front\.next\server\webpack-runtime.js:33:42)
    at __webpack_exec__ (D:\react-zero\front\.next\server\pages\_app.js:130:39)       
ReferenceError: store is not defined
    at eval (webpack-internal:///./reducers/index.js:60:1)
    at ./reducers/index.js (D:\react-zero\front\.next\server\pages\_app.js:33:1)      
    at __webpack_require__ (D:\react-zero\front\.next\server\webpack-runtime.js:33:42)
    at eval (webpack-internal:///./store/configureStore.js:9:67)
    at ./store/configureStore.js (D:\react-zero\front\.next\server\pages\_app.js:44:1)
    at __webpack_require__ (D:\react-zero\front\.next\server\webpack-runtime.js:33:42)
    at eval (webpack-internal:///./pages/_app.js:17:79)
    at ./pages/_app.js (D:\react-zero\front\.next\server\pages\_app.js:22:1)
    at __webpack_require__ (D:\react-zero\front\.next\server\webpack-runtime.js:33:42)
    at __webpack_exec__ (D:\react-zero\front\.next\server\pages\_app.js:130:39)       
warn  - Fast Refresh had to perform a full reload. Read more: https://nextjs.org/docs/messages/fast-refresh-reload
wait  - compiling / (client and server)...
error - ./node_modules/bunyan/lib/bunyan.js:77:0
Module not found: Can't resolve 'fs'

Import trace for requested module:
./node_modules/redex/lib/RedexGlobal.js
./node_modules/redex/index.js
./components/AppLayout.js
./pages/index.js

https://nextjs.org/docs/messages/module-not-found
error - reducers\index.js (62:4) @ store
error - ReferenceError: store is not defined
    at eval (webpack-internal:///./reducers/index.js:60:1)
    at ./reducers/index.js (D:\react-zero\front\.next\server\pages\_app.js:33:1)
    at __webpack_require__ (D:\react-zero\front\.next\server\webpack-runtime.js:33:42)
    at eval (webpack-internal:///./store/configureStore.js:9:67)
    at ./store/configureStore.js (D:\react-zero\front\.next\server\pages\_app.js:44:1)
    at __webpack_require__ (D:\react-zero\front\.next\server\webpack-runtime.js:33:42)
    at eval (webpack-internal:///./pages/_app.js:17:79)
    at ./pages/_app.js (D:\react-zero\front\.next\server\pages\_app.js:22:1)
    at __webpack_require__ (D:\react-zero\front\.next\server\webpack-runtime.js:33:42)
    at __webpack_exec__ (D:\react-zero\front\.next\server\pages\_app.js:130:39) {
  page: '/'
}
  60 |     //}
  61 |     //
> 62 |     store.dispatch(changeNickname('mighty tak'))
     |    ^

  page: '/'
}
  60 |     //}
  61 |     //
> 62 |     store.dispatch(changeNickname('mighty tak'))
     |    ^
  63 |
  64 |     // (이전상태, 액션) => 다음상태
  65 |     const rootReducer =(state, initialState, action)=>{

store.dispatch부분은 어떻게 하죱?

ㅇ

넥스트 버젼 질문

2026-01-07T06:31:22.141Z

로그인시 401 Unauthorized 오류가 뜹니다

2025-12-29T09:30:35.438Z

무한 스크롤 중 스크롤 튐 현상

2025-07-06T02:43:07.608Z

178

특정 페이지 접근을 막고 싶을 때

2025-07-06T02:20:46.587Z

105

createGlobalStyle의 위치와 영향범위

2025-07-05T15:54:04.209Z

인라인 스타일 리렌더링 관련

2025-07-05T14:00:04.676Z

vsc 에서 npm init 설치시 오류

2025-05-12T08:46:42.592Z

149

nextjs 15버전 사용 가능할까요?

2025-04-04T06:26:24.063Z

160

화면 새로고침 문의

2025-04-03T02:53:27.651Z

124

RTK에서 draft, state 차이가 있나요?

2025-02-17T06:47:55.275Z

156

Next 14 사용해도 될까요?

2024-07-28T10:05:29.120Z

454

next, node 버전 / 폴더 구조 질문 드립니다.

2024-06-05T11:36:38.842Z

350

url 오류 질문있습니다

2024-06-05T06:17:30.590Z

212

ssh xxxxx로 우분투에 들어가려니까 port 22: Connection timed out

2024-05-11T05:39:14.724Z

380

sudo certbot --nginx 에러

2024-05-11T05:34:38.202Z

1282

Minified React error 콘솔에러 (hydrate)

2024-05-10T22:59:04.027Z

472

카카오 공유했을 때 이전에 작성했던 글이 나오는 버그

2024-05-10T22:44:43.107Z

249

프론트서버 배포 후 EADDRINUSE에러 발생

2024-05-09T21:37:15.721Z

330

npm run build 에러

2024-05-09T14:19:16.056Z

519

front 서버 npm run build 중에 발생한 에러들

2024-05-09T03:09:20.494Z

384

서버 실행하고 브라우저로 들어갔을때 404에러

2024-05-08T17:15:48.222Z

339

css 서버사이드 랜더링이 적용되지 않아서 문의 드립니다.

2024-05-07T23:41:29.498Z

289

팔로워 3명씩 불러오고 데이터 합쳐주는걸로 바꾸고 서버요청을 무한으로하고있습니다.

2024-05-07T20:28:11.236Z

243

해시태그 검색에서 throttle에 관해 질문있습니다.

2024-05-07T10:14:51.155Z

203