인프런 커뮤니티 질문&답변

작성한 질문수

React로 NodeBird SNS 만들기

3-5. redux devtools 사용하기

질문드립니다.

작성

192

!options.isServer && typeof window.__REDUX_DEVTOOLS_EXTENSION__ !== 'undefined'

여기서 궁금한 점이 있는데,

앞의 !options.isServer 조건이 true이고

전체 !options.isServer && typeof window.__REDUX_DEVTOOLS_EXTENSION__ !== 'undefined' 결과가 true인데,

window.__REDUX_DEVTOOLS_EXTENSION__ !== 'undefined'는 window가 undefined인데 어떻게 true라는 결과를 가질 수 있는지 이해가 잘 가지 않습니다.

답변 5

지식공유자

window가 undefined가 아닌 순간이 있습니다(브라우저). 그 때만 저 코드가 끝까지 실행됩니다.

질문자

반복적으로 같은 질문드려 죄송합니다..

withRedux 함수 안에서 window를 찍어도 not defined로 에러가 나는데 어떻게 저 분기를 통과해서 window.__REDUX_DEVTOOLS_EXTENSION__ 함수가 호출되는지 이해가 잘 가지 않습니다.

지식공유자

!options.isServer && typeof window !== 'undefined' && typeof window.__REDUX_DEVTOOLS_EXTENSION__ !== 'undefined'

이게 올바른 코드입니다. window가 없는 상황이 있을 수도 있고, window는 있는데 __REDUX_DEVTOOLS_EXTENSION__이 없을 수도 있습니다.

질문자

이유는 모르겠으나, 영상 7분 13초 경에도

typeof window !== 'undefined'를 안넣으셨을때도

window is not defined가 뜹니다.

지식공유자

server가 아닌 상황인데 window가 왜 undefined인가요?

작성한 질문수