inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

redux promise와 chunk관련 질문입니다.

380

성민최

작성한 질문수 12

0

안녕하세요.  완강이후 혼자 해보려구 redux를 사용하는데, dispatch.then이 사용이 불가하다고 나옵니다.

찾아보니 dispatch는 동기식이라 .then()이 사용이 불가하다는데, 이때 chunk을 사용하여 비동기로 사용하는 것인가요?

이 둘의 역할이 궁금합니다.

nodejs react 웹앱 redux mongodb

답변 1

0

John Ahn

안녕하세요 
여기서 설명드리는 것 보다 
제가 자료 만들어 놓은 것에서 더 잘 설명이 되어있을것 같습니다 
한번 참조해주시면 감사하겠습니다. 
https://drive.google.com/file/d/1tjspJlqSbawxGceUCIk6iZuJ0Isim4iv/view?usp=sharing
감사합니다.

0

성민최

안녕하세요. 리덕스의 활용은 이해했습니다만 두가지 질문입니다.

1.

리덕스 자체는 동기실행이라고 하는데, redux-thunk를 사용하여 비동기로 사용한다고 합니다.

아예 boiler plate부터 혼자 다시 만들어진행중에 있는데,

강의에서의 진행 중

dispatch(registerUser(dataToSubmit)).then((response) => {

와 같은 형식으로 사용합니다.

이 사용법을 모르겠습니다.

dispatch또한 동기실행이라 redux-thunk를 사용해주어야 .then()함수를 사용 가능하다고 하는데, 

install후 실행해 보아도 404에러가 나옵니다.

 

redux-thunk와 promiseMiddleware에 대해 찾아보고 있지만 명확히 뭔지 이해가 안가며 우선 공식 문서의 예시코드로 진행해 보는데 마찬가지로 오류가 발생합니다ㅠㅜ 

 

redux-thunk와 redux-promise의 역할과 이 thunk를 통해 dispatch(action()).then()과 같은 형식으로 사용이 되는 이유와 방법 알 수 있을까요 ?

 

2. 리덕스 action을 쓰지 않고 fetch를 사용하였을때는

fetch("http://localhost:5000/api/user/register", {
            method: "post",
            headers: {
              "Content-Type": "application/json",
            },
            body: JSON.stringify({
              userInfo,
            }),
          })
            .then((res) => res.json())
            .then((res) => {
              console.log(res);
          });

도매인이 위와 같이 5000번 포트까지 다 작성되는데, 

강의의 action에는

export function registerUser(dataToSubmit) {
  const request = axios
    .post(`${USER_SERVER}/register`, dataToSubmit)
    .then((response) => response.data);

  return {
    type: REGISTER_USER,
    payload: request,
  };
}

같이 /api/users/register 주소로 post가 보내집니다.

혹시 앞에 http://localhost:5000이 없이 post가 보내지는걸까요 ?

 

 

 

 

강의 내용은 훌륭하나, 환경 설정 오류 때문에 진도를 나갈 수 없습니다. 20년 버전 강의.

0

75

1

강의자료는 어디서 볼 수있나요??

0

87

1

이 쇼핑몰 만들기 강의는 관리자페이지 만드는건 없나요

0

137

2

웹에서 실시간 코드반영이 안돼요

0

141

1

app.use질문

0

75

1

강사님께 어떻게 직접질문할수있어요??

0

87

1

const함수같은거 기초강의는 어디있나요

0

98

2

리덕스 참조챕터가 어딨어요? 미리듣고오라는데요

0

88

2

강의가완전 오래되서 다 틀리네 app.jsx도 tailwind css 다틀림 무책임함

0

76

1

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

0

96

1

npx tailwindcss init -p 에서 계속 에러나요

0

103

1

쇼핑몰기능중 찜하기 기능은 어떻게 구현하나요

0

151

2

강의하다 줌으로 설명가능한지좀 정확히 알려주세요. 이 선생님 정책이 어떻게 되는데요. 직접 연락할 메일이라도 알려주세요

0

48

1

도표 강의 자료 열람 불가능

0

118

1

tailwindcss를 vite에서 이용하는 방식이 바뀐것 같습니다.

0

1159

2

eslint 설정 후 오류가 납니다.

0

235

1

오버로드 오류

0

161

1

VSCode에서 save를 할 때, landingpage의 useEffect가 실행되는 문제에 대하여

0

181

1

dispatch(logoutUser()) 실행시 dispatch(authuser())도 함께 실행되는 문제

0

239

2

logout할 때, server로 요청을 보내서 authUser middleware를 통과하도록 하는 이유?

0

203

1

webkit-text-size-adjust 오류

0

329

1

does not provide an export named 'userReducer'

0

224

2

빌드 배포

0

143

1

삭제 예정 강의는 언제 삭제 되나요? 저것때문에 수강완료를 못하면 회사에서 비용을 청구한다고 합니다~

0

232

2