inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

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

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

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

346

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

262

1

antd Menu 질문

0

303

1

movieTitle

0

235

1

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

0

445

1

npm run dev 오류

0

895

1

403 forbidden error

0

1093

2

npm run dev 오류

0

729

1

모듈이 없다는데요

0

1300

1

npm run dev 실행시 오류

0

5447

1

504 Gateway Timeout Error

0

1473

1

컴파일 에러 관련 문의

0

527

1

npm run dev 오류

0

787

1

이미지가 안떠요...

0

389

2

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

0

555

1

cd client에서 npm install 오류

0

1444

1

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

0

1010

1

Netlify + AWS Elastic Beanstalk 를 이용한 배포

1

1820

1

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

0

472

0

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

0

740

1

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

0

453

1

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

0

257

0

#2강 npm install

0

804

4

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

0

232

0

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

0

390

1