안녕하세요, 질문 있습니다 :)

Question

학습 중 잘 안되는 부분이 있어서 질문 남깁니다. 영화 나열을 위한 Row 컴포넌트 생성하기 에서 img 태그가 생성되지 않고 있습니다. < div id = { id } className = "row__posters" > { movies . map (( movie ) => { < img key = { movie . id } style = { { padding : "25px 0" } } className = { `row__poster ${ isLargeRow && "row__posterLarge" } ` } src = { `https://image.tmdb.org/t/p/original/ ${ isLargeRow ? movie . poster_path : movie . backdrop_path } ` } alt = { movie . name } /> }) } 아무리해도 생성이 안되서 나중엔 파일로 주신 코드로 수정했는데도 안되네요 ㅠㅠ 맵 함수가 실행되지 않는 것 외에 따로 어떤 오류도 발생하고 있지 않습니다...! 어떤 게 문제인지 알 수 있을까요?

성민석 · Answer

안녕하세요~~ 1. {movies.map((movie) => {}) 이렇게 하셨는데 2. {movies.map((movie) => ()) 이렇게 하셔야합니다 추가로 1번처럼 중괄호로 하시려면 { movies . map ( ( movie ) => { return ( < img key = { movie . id } onClick = {() => handleClick (movie) } className = { ` row__poster ${ isLargeRow && " row__posterLarge " } ` } src = { ` https://image.tmdb.org/t/p/original/ ${ isLargeRow ? movie . poster_path : movie . backdrop_path } ` } alt = { movie . name } /> ) ; } ) } 이렇게 하세용~