inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

faker로 실감나는 더미데이터 만들기

useEffect 를 쓰고 안쓰고의 차이

316

혜진

작성한 질문수 18

0

리액트 무료강좌도 다 듣고 본 강좌를 듣고있는건데도 아직까지 useEffect 에 대한 이해가 쉽게 되지 않네요ㅜ

1. useEffect 를 쓰는 이유가 컴포넌트의 라이프싸이클을 다를 수 있는것, 그리고 리렌더링 될 때마다 함수가 불필요하게 실행되는걸 막기위해 [] 안의 dependency 값이 바뀔 때만 실행되도록 할 수 있어서가 맞을까요?

수정) 계속 공부해보니 함수 컴포넌트에서 return 구문 밖에서의 함수 실행은 거의 모두 useEffect 내에 작성한다고 되어있는데 그럼

if (!me) {
return null;
}

 

이부분은 왜 useEffect 로 감싸지 않았나요? 용량이 크지 않아서 그런걸까요?

 

2. 어차피 로그인의 여부인데 굳이 me.id 가 아닌 me 의 여부로 넣어되지 않나요? 동작은 똑같이 합니다.

 

 

redux express react nodejs Next.js

답변 1

1

제로초(조현영)

1. 저 상황에서는 useEffect가 필요없긴 하네요. 다만 좀 특수한 경우입니다.

2. 네 deps배열에 넣은 값에 대한 라이프싸이클이 주 목적입니다.

3. deps 배열에객체를 넣는 것은 매우 안 좋은 습관입니다. 참조문제 때문에요.

0

혜진

이해됐습니다 감사합니다!!

넥스트 버젼 질문

0

90

2

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

0

104

1

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

0

191

1

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

0

116

2

createGlobalStyle의 위치와 영향범위

0

102

2

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

0

97

2

vsc 에서 npm init 설치시 오류

0

157

2

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

0

166

1

화면 새로고침 문의

0

129

1

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

0

160

2

Next 14 사용해도 될까요?

0

455

1

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

0

358

1

url 오류 질문있습니다

0

214

1

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

0

390

1

sudo certbot --nginx 에러

0

1292

2

Minified React error 콘솔에러 (hydrate)

0

477

1

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

0

255

1

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

0

335

1

npm run build 에러

0

525

1

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

0

398

1

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

0

350

2

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

0

290

1

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

0

249

2

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

0

206

1