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

좋은 강의 올려주셔서 항상 감사하게 생각하고 있습니다.

    const renderOneMessage = (message, index) => {
        console.log('message', message)
    }

    const renderMessage = (messageFromRedux) => {
        if(messageFromRedux){
            messageFromRedux.map((message, index) => {
                return renderOneMessage(message, index);
            })
        }
        
    }  

해당 수업 도중, 위와 같은 코드가 있었는데 페이지를 처음 로딩하는 경우,

useEffect에서 eventQuery()에 관한 함수를 처리하는데

useEffect는 lifecycle이  DOM에 마운팅된 직후에 이 작업을 수행하겠다는 뜻으로 알고 있습니다.

그렇다면 페이지를 처음 로딩하는 경우, useselector를 통해 받아오는 state 값이 빈배열이 될것이고,

이 빈배열의 값이 map 메소드를 통해 로직이 구현되는거 아닌가요??

즉, useEffect는  DOM에 마운팅된 직후에 이 작업을 수행하니까, useEffect가 실행되기 전에 마운팅된 시점.

그 시점에서의 결과가 출력되지 않고,  useEffect가 실행된 후의 시점의 결과가 출력되는지 궁금합니다.

감사합니다 선생님