inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

제로초님 제가 블로그를 타입스크립트와 next.js로 만들려고하는데요

437

송지훈

작성한 질문수 28

0

안녕하십니까 !!
제가 개인 블로그를 제로초님의 교육 덕분에 만들긴 만들었습니다.
그런데 cra를 이용해서 만들었어서 몇일 전에 배포하고 난 뒤 조금 아쉬운거 같아서
이번에는 제대로 typescript와 next.js로 만들어서 다시 배포하려고합니다.!!
그런데 next의 여기 리듀서 설정하는 곳에서 좀 헷갈려서 질문을 드립니다.
import { HYDRATE } from 'next-redux-wrapper';
import { combineReducers } from 'redux';

import user from './user'

const rootReducer = combineReducers({
  index: (state: {} = {}, action=> {
    switch (action.type) {
      case HYDRATE:
        return { ...state...action.payload };
      default:
        return state;
    }
  },
  user
});

export type RootState = ReturnType<typeof rootReducer>

export default rootReducer;
제가 검색을 해보아도 원하는 답이 안나와서 그런데
혹시 여기서 고칠점이 있나요??
감사합니다.!!

Next.js nodejs express react redux

답변 3

1

제로초(조현영)

네 가능합니다~. 저기 default 부분을 제대로 인식할지는 잘 모르겠네요.

1

제로초(조현영)

리듀서 구조를

https://github.com/ZeroCho/react-nodebird/blob/master/ch7/front/reducers/index.js

처럼 만드세요. 지금 하신 코드는 3강 정도에서 했던 구조인데 나중에 문제가 생겨서 7강 구조로 바꾸었습니다.

0

송지훈

const rootReducer = (stateaction=> {
  switch (action.type) {
    case HYDRATE:
      console.log('HYDRATE'action);
      return action.payload;
    default: {
      const combinedReducer = combineReducers({
        user,
      });
      return combinedReducer(stateaction);
    }
  }
};
이렇게 바꾼 뒤
export type RootState = ReturnType<typeof rootReducer>;
이렇게 타입을 빼와도 되나요?

넥스트 버젼 질문

0

77

2

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

0

89

1

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

0

175

1

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

0

103

2

createGlobalStyle의 위치와 영향범위

0

96

2

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

0

91

2

vsc 에서 npm init 설치시 오류

0

146

2

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

0

158

1

화면 새로고침 문의

0

121

1

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

0

153

2

Next 14 사용해도 될까요?

0

452

1

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

0

349

1

url 오류 질문있습니다

0

211

1

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

0

372

1

sudo certbot --nginx 에러

0

1274

2

Minified React error 콘솔에러 (hydrate)

0

469

1

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

0

247

1

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

0

326

1

npm run build 에러

0

518

1

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

0

381

1

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

0

338

2

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

0

287

1

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

0

237

2

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

0

201

1