질문있습니다.

안녕하세요 강사님

질문1. channel 컴포넌트의

 const isReachingEnd = isEmpty || (chatData && chatData[chatData.length - 1]?.length < 20) || false;

여기서

console.log('chatData?.[chatData.length - 1]?.length:', chatData?.[chatData.length - 1]?.length);

이렇게 콘솔로 찍어보면

chatData?.[chatData.length - 1]?.length 가 첫번째 배열객체 개수가 20개 두번째 배열객체의 갯수가 2개로 나옵니다.

즉 따로따로 나오고 둘을 합쳤다는 코드가 없어서 각각 20개를 넘지 않는데 어떻게 isReachingEnd가 20개를 넘어 true가 되는건지 궁금합니다! 직접실행해보면 true가 되지만 왜 그렇게 되는지 궁금합니다. 둘을 더해주는 코드가 없는데 말이죠..

질문2.

개발자 콘솔 application에 있는 쿠키는 서버에서 쿠키를 만들어준게 표시된건가요 아니면 서버에서 프론트로 쿠키를 보내어 프론트 브라우저에 있는 쿠키를 나타낸것인지 궁금합니다!

질문 3.

 <Chats>
          <Switch>
            <Route path="/workspace/:workspace/channel/:channel" component={Channel} />
            <Route path="/workspace/:workspace/dm/:id" component={DirectMessage} />
          </Switch>
        </Chats>

이 코드에서는 channel 이나 DirecMessage컴포넌트에 해당 주소로 들어갔을 경우 저 컴포넌트로 이동시킨다는 의미로 이해했는데 제가 이해한게 맞는지 궁금합니다..

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