inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

웹 게임을 만들며 배우는 React

7-5. 테이블 최적화하기

useEffect 최적화 확인 해서 질문입니다.

해결된 질문

312

tunion00

작성한 질문수 5

0

1. useEffect와 useRef를 사용하여 최적화 확인을 하는 부분이 있는데 useRef를 사용하는 이유가 뭔가요?

useRef는 dom을 직접선택할때와
변하지만 렌더링 시키고 싶지 않은 데이터를 저장하는 용도로 쓴다고 앞에서 언급하셨는데.
최적화때 useRef를 사용하는 이유가 궁금합니다.

2. 또 useRef에 담긴 값들 

ref.current = [rowIndexcellIndexdispatchcellData];

이 비교를 하는 

console.log(cellData === ref.current[3],)

여기선 false가 뜨는데 

console.log(cellData);

이렇게만 찍어보면 ref.current[3]의 값과 똑같은
O 또는 X가 뜹니다.

예상컨데 ref.current[3]의 값이 기존의 빈 배열의값 ('')이 나와야 할것같은데 왜 이렇게 뜨는건가요?

질문을 잘 작성한건지 모르겠네요 ㅠ

react

답변 2

1

제로초(조현영)

1. 최적화할 때 useRef 필요 없습니다. 2번 질문에 나오는 코드를 의미하시는 거면 어떤 데이터가 바뀌고 있는지 알아보고 그 데이터를 최적화하기 위해서 쓴 것일뿐 useRef 자체는 최적화와 직접 관련은 없습니다.

2. console.log(cellData, ref.current[3]) 해보세요.

0

tunion00

이렇게 확인 했었는데 ref.current에 담기전으로 console을 찍어보니 값이 다르게 나오네요.
답변 감사합니다.

npm run dev 실행 시 포트가 안뜨는 문제

0

202

2

timeouts.current를 useEffect 의 input값으로 넣었을때

0

85

2

렌더링 테스트 코드 (Hooks)

0

80

1

Cannot find package 'react-refesh' 이런 에러 뜨시는 분들 보세요.

0

149

1

해당 에러 뜨는 분들 보세요. "Uncaught TypeError: ReactDom.createRoot is not a function"

1

191

1

강사님 레포지토리에서 코드 복사 시 master 브랜치 말고 react18 브랜치꺼 복붙하세요ㅠㅠ

0

95

1

useMemo와 useCallback 사용 시기

0

205

2

onRightClickTd가 작동을 하지 않습니다.

0

226

1

action.type 불러오는 방식

0

222

2

onClickRedo 질문

0

172

1

const Try = require(./Try) 빨간줄

0

248

1

npx webpack 실행시

0

313

1

지뢰찾기 강좌에서 빈칸들 한번에 열기 파트에서 여쭤보고싶은부분이 있어서 글 올립니다.

0

235

1

강좌에서 다루지 않은 기능들은 어떻게 학습하면 좋을까요?

0

311

1

react devtool이 enable 않됩니다.

0

530

2

React 랜더링이 되지 않습니다.

0

410

2

비동기로 동작하는 setState에 대해서

0

331

1

npm run dev 할 때 에러발생

0

478

2

memo, PureComponenet, shouldComponentUpdate 관련 질문

0

206

1

devMiddleware의 필요성

0

352

1

리액트에서 화살표 함수를 사용해야하는 이유

0

935

2

path.join관련질문

0

282

2

2-9. 웹팩 데브 서버와 핫 리로딩 설치과정 시 에러

0

374

1

next.js 에서 이와 비슷한 예제를 돌리고있는데 react랑 달라서 질문 드립니

1

491

4