inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

실전 리액트 프로그래밍

사용자 페이지 구현하기

질문이 있습니다

해결된 질문

205

천영도

작성한 질문수 6

1

안녕하세요~ 강의 잘 듣고 있습니다!

7:45 경 작성하는 useEffect 부수함수에 관해서 질문이 있는데요. 

새로고침 말고, 홈페이지에서 검색을 통해 유저 페이지로 넘어가는 경우에, 아래의 코드 때문에 user가 store에 저장됩니다. 근데 방금 작성한 useEffect 훅의 부수 함수가 user를 받아와서 다시 store에 저장하더라구요. 중복이 발생했는데 큰 문제가 없을까요?

// SearchInput.js
function goToUser(value) {
    const user = autoCompletes.find((item) => item.name === value);
    if (user) {
      dispatch(userActions.setValue('user', user)); // setValue 액션이 SearchInput 컴포넌트에서 먼저 발생
      history.push(`/user/${user.name}`);
    }
  }

react redux

답변 1

2

이재승

안녕하세요!
크게 문제되지는 않을 것 같습니다.
다만 좀 더 최적화를 한다면 유저 페이지에서 name 을 검사해서 이름이 다른 경우에만 서버 API를 호출할 수도 있을 것 같습니다.
goToUser 에서 넣어준 정보가 오래된 정보일 수도 있어서 불안하다면 지금처럼 서버 API를 호출해야겠구요.
참고로 cash 와 같은 민감한 정보가 있다면 최신 정보를 보여주는 게 중요해서 서버 API를 자주 호출하기도 합니다

자동완성기능이 안되네요 ..

0

500

3

화면에 에러가나네요 ...

0

517

2

setValue 함수 질문 있습니다.

0

841

1

찾아야한다 실습 문의

0

470

1

훅 기초 익히기 - 배치 처리와 순차적 처리의 차이

0

473

1

cra, next.js 관련 질문 드립니다!

0

606

1

useState 배열 비구조화 문법 질문!

0

253

1

Uncaught TypeError: Failed to execute 'removeChild' on 'Node': parameter 1 is not of type 'Node'

1

1082

2

Saga 오류 이거 혹시 왜이런지 알수 있을까요?

0

371

2

http://localhost:3001/user/search?keyword=u 이걸로 데이터를 보는데 저는 사이트에 연결할 수 없다고 나오네요

0

658

1

match

1

495

1

버튼이 생성되지 않습니다 .

0

288

1

혹시 import 옆에 파일 사이즈 표시 어떻게 하나요?

0

263

1

saga 문제

0

249

1

에러가 발생하는데 이유가뭘까요..?

0

389

2

선생님과 똑같이 했는데 다 rendering 됩니다.

0

203

1

컴포넌트와 컨테이너의 기준

0

316

1

커스텀훅의 개념과 함수차이

1

1199

1

useEffect 실전 활용법(1) 강의에서 질문있습니다.

0

338

1

리덕스, 사가파일들의 관리

0

208

1

useImperativeHandle 질문 입니다.

0

281

1

컴파일 문의드립니다.

0

204

1

React.memo 관련 질문이 있습니다.

0

374

1

Context API vs Redux 사용 빈도

0

213

1