inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

옵셔녈체이닝

129

d\/b

작성한 질문수 27

0

안녕하세요.

const {me} = useSelector(state => state.user)
const profiles = me?.profiles

위처럼 옵셔널 체이닝을 했다고 가정했을 때

profiles[0]?.Images[0]?.src

profiles 를 이용할 때도 위 그림처럼 그 뒤에 계속 옵셔널 체이닝을 해줘야 하나요?

한번 오류가 떴던 적이 있었던 것 같은데 이게 두번째 그림처럼 안해줘서 그런건지 다른 이유인지 몰라서

그냥 무조건 계속 붙이고 있는데 잘 모르겠습니다 ..

할 필요는 없는 건가요?

express redux react nodejs Next.js

답변 1

1

제로초(조현영)

확실히 있는걸 장담할 수 있으면 뗄 수 있습니다. 다만 긴가민가한다면 붙여야겠죠. 그리고 Images[0] 이것도 Images가 undefined면 에러가 납니다. 그래서 Images?.[0] 이렇게 해야합니다.

0

d\/b

추가 질문이 생겼는데, 저렇게 옵셔널 체이닝이 된 상태면 undefined 라도 데이터가 다 불러와지면

다시 리랜더링이 되면서 채워지기때문에 오류가 뜨지 않는 걸로 이해하면 될까요?

0

제로초(조현영)

undefined이든 아니든 렌더링에는 문제가 없습니다. 다만 옵셔널체이닝을 안 했을 때 런타임 에러가 나는게 문제였던 것이죠.

0

d\/b

그 문법에러가 undefined 된 값을 불러오려고 하니까 생기는 그거 맞나요? 아래 그림같은 거요 !

0

제로초(조현영)

네 맞습니다

0

d\/b

감사합니다!

넥스트 버젼 질문

0

75

2

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

0

88

1

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

0

172

1

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

0

103

2

createGlobalStyle의 위치와 영향범위

0

94

2

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

0

90

2

vsc 에서 npm init 설치시 오류

0

146

2

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

0

158

1

화면 새로고침 문의

0

120

1

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

0

152

2

Next 14 사용해도 될까요?

0

452

1

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

0

348

1

url 오류 질문있습니다

0

211

1

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

0

372

1

sudo certbot --nginx 에러

0

1271

2

Minified React error 콘솔에러 (hydrate)

0

469

1

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

0

246

1

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

0

325

1

npm run build 에러

0

517

1

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

0

381

1

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

0

335

2

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

0

284

1

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

0

235

2

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

0

199

1