userInfo 는 서버에서 axios get 요청을 통해서 받아온 유저 데이터 하지만, 최초 렌더 시에는 userInfo는 비어있는 배열 [] 이것을 그대로 하위 컴포넌트의 props로 전달되면, 하위 컴포넌트 렌더에 문제가 생김 이 문제는 최초 API 통신을 하는 컴포넌트에서 값을 검증 하고나서 하위 컴포넌트의 렌더링을 진행해 주는 것으로 해결 할 수 있음 {userInfo&& 하위 컴포넌트} 와 같은 식으로 작성하면, userInfo가 falsy일 때는 하위 컴포넌트의 렌더링 자체가 되지 않는다