RightMenu.js에서 useSelect 질문있습니다

 if (user.userData && !user.userData.isAuth) {
    return (
      <Menu mode={props.mode}>
        <Menu.Item key="mail">
          <a href="/login">Signin</a>
        </Menu.Item>
        <Menu.Item key="app">
          <a href="/register">Signup</a>
        </Menu.Item>
      </Menu>
    )

이와 같은 코드에서 landing page로 첫 로딩이 됬을 경우, user_reducer.js 파일에서 state의 초기값을 빈객체로 하였기 때문에 처음에는 빈 객체가 출력되고 dispatch한 action값으로  state값이 변경되는 구조이잖아요

위 사진과 같이 빈 객체일 시점에,

if(user.userData && user.userData.isAuth)를 쓰면

user.userData가 없는 property에 접근하기에 에러가 발생한다고 생각했는데, undefined가 되네요.

그렇다면 똑같이 빈 객체일 시점에서,

user.userData.isAuth를 하면 에러가 발생하네요.

이 둘은 자바스크립트의 객체의 문법적인 특징인가요??

혹시 참고할만한 자료같은게 있으면 부탁드리겠습니다

항상 강의 잘 보고 있습니다.

늘 다음 강의가 기다려지는 강의 감사합니다!