&& 연산과 & div 에 대한 질문

Question

안녕하세요. 제로초 님. 드리고 싶은 질문이 두 가지가 있는데요. 1) https://github.com/ZeroCho/react-nodebird/blob/master/ch3/front/components/PostCard.js#L20 에서 const id = useSelector((state) => state.user.me && state.user.me.id); 에 대해 질문드리고 싶은 점이 있습니다. 1-a) state.user.me && state.user.me.id 와 같이 && 연산을 하는 이유는 무엇일까요? 1-b) && 연산 이후 id에는 사용자의 id가 아닌 true/false의 boolean 값이 저장되는 것인가요? 2) https://github.com/ZeroCho/react-nodebird/blob/master/ch3/front/components/ImagesZoom/styles.js#L54 에서 & > div 의 의미를 검색해 봤지만, 잘 이해가 안 되어서 질문을 드리게 되었습니다. 어떤 의미인지 간략하게라도 말씀해 주실 수 있으신지요? 혹시 추천해 주실 문서가 있으신지요? 읽어주셔서 감사합니다.

제로초(조현영) · Answer

state.user.me가 undefined나 null이면 state.user.me.id는 에러가 발생합니다. 그걸 막는 거고요. 최신 문법으로는 state.user.me?.id로 쓸 수 있습니다. id에는 사용자의 아이디가 저장됩니다. & > div는 현재 컴포넌트의 자식태그 div를 가리킵니다. 자손이 아니라 자식입니다. 손자는 안 됩니다.

&& 연산과 & > div 에 대한 질문