질문있습니다.

Question

안녕하세요 강사님 질문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 } /> 이 코드에서는 channel 이나 DirecMessage컴포넌트에 해당 주소로 들어갔을 경우 저 컴포넌트로 이동시킨다는 의미로 이해했는데 제가 이해한게 맞는지 궁금합니다..

제로초(조현영) · Answer

1. 더해주는 것은 아니고요. 예를 들어 매번 20개씩 불러오다가 갑자기 15개가 온다는 것은 끝에 도달했다는 뜻입니다. 95개인 경우, 20개 20개 20개 20개 불러오다가 마지막에는 15개 불러오게 되는데 그러면 isReachingEnd가 되는 것이죠. 2. 서버에서 쿠키를 만들어서 프론트로 보내주어야 저기 표시가 됩니다. 3. 브라우저에서 저 Path의 주소로 접근하면 저 컴포넌트가 렌더링된다고 보시면 됩니다.