inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기

무비앱 시리즈 #5 Grid Card Component ( 따라하며 배우는 리액트 노드 )

화면이 짜부가 됬습니다..

339

Zero_ A

작성한 질문수 9

0

그리드가 설정이 되야되는데 안먹히네요..

antd 문제인가해서 모듈도 지워봤는데 먹통입니다.

<Row gutter={[16,16]}>
                    {movies && movies.map((movie, index)=>(
                        <React.Fragment key={index}>
                            <GridCards 
                                landingPage
                                image={movie.poster_path ? 
                                    `${IMAGE_BASE_URL}w500${movie.poster_path}`: null}
                                movieId={movie.id}
                                movieName={movie.original_title}
                            />
                        </React.Fragment>
                    ))}
                    
                </Row>

const GridCards = (props) => {
    return (
        <Col lg={6} md={8} xs={24}>
            <div style={{position: 'relative'}}>
                <a href={`/movie/${props.movieId}`}>
                        <img style={{width:'100%', height:'320px'}} src={props.image} alt={props.movieName}/>
                    </a>              
            </div>
        </Col>
    )
}

express 웹앱 nodejs mongodb react

답변 2

0

John Ahn

아 넵  수고하셨습니다 ~ !!! 

0

Zero_ A

antd 문제였습니다. 

material-ui  Grid 사용하니 해결되네요

에러서 요렇게만 해보세요

0

244

1

antd Menu 질문

0

282

1

movieTitle

0

228

1

npm run dev 연결이 안됩니다ㅜㅜ

0

424

1

npm run dev 오류

0

872

1

403 forbidden error

0

1082

2

npm run dev 오류

0

710

1

모듈이 없다는데요

0

1285

1

npm run dev 실행시 오류

0

5403

1

504 Gateway Timeout Error

0

1461

1

컴파일 에러 관련 문의

0

510

1

npm run dev 오류

0

766

1

이미지가 안떠요...

0

376

2

npm run dev 실행하고 인증이 안되는거 같아요

0

540

1

cd client에서 npm install 오류

0

1429

1

npm run dev시 localhost가 자꾸 3000으로 연결됩니다

0

985

1

Netlify + AWS Elastic Beanstalk 를 이용한 배포

1

1801

1

[nodemon] app crashed - waiting for file changes before starting... Error occurred while proxying request localhost:3000/api/hello to http://localhost:5000/ 해결법

0

465

0

지금 듣기엔 안되는 강의일까요?

0

726

1

사진이 2개 2개씩 다른줄에 나와요 ㅠㅠ

0

443

1

비동기 처리가 영상과 다르게 됩니다..

0

249

0

#2강 npm install

0

783

4

LandingPage.js 내 useState(null) 이용하는 이유

0

227

0

client 부분에 App.js 와 Config.js 위치가 다른데 상관없는 것인가요?

0

386

1