inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

상단 메인이미지

313

엔조이코딩

작성한 질문수 7

0

안녕하세요.

페이지 상단에 메인 이미지 관련해서 질문드립니다.

백그라운드 이미지에 관련된 코드는 강의 그대로 따라했습니다.

<div
      className="main__image"
      style={{
        background: `linear-gradient(to bottom, rgba(0,0,0,0)
    39%,rgba(0,0,0,0)
    41%,rgba(0,0,0,0.65)
    100%),
    url('${props.image}'), #1c1c1c`,
        height: "500px",
        backgroundSize: "100%, cover",
        backgroundPosition: "center, center",
        width: "100%",
        position: "relative",
      }}
    >

이때  아래와 같이 LandingPage는 잘 뜹니다.

그런데 똑같은 코드를 가지고 있는 MainImage 컴포넌트를 MovieDetail에서 사용했는데 디테일 페이지는 다음과 같습니다.

이렇게 꽉 채워지지 않고 이미지가 두번나오게 되는데 왜그런걸까요?ㅠㅠ

CSS를 아주 잘 알지는 못해서 이리저리 검색해봤는데 도무지 모르겠습니다.

웹앱 express nodejs react mongodb

답변 1

0

John Ahn

메인 부분에 이미지와 디테일 페이지의 css를 다르게 주셨나요 ~ ?   디테일 페이지의 CSS도 보여주실수 있나요 ~ ?

에러서 요렇게만 해보세요

0

228

1

antd Menu 질문

0

258

1

movieTitle

0

218

1

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

0

410

1

npm run dev 오류

0

855

1

403 forbidden error

0

1067

2

npm run dev 오류

0

696

1

모듈이 없다는데요

0

1277

1

npm run dev 실행시 오류

0

5368

1

504 Gateway Timeout Error

0

1448

1

컴파일 에러 관련 문의

0

504

1

npm run dev 오류

0

760

1

이미지가 안떠요...

0

369

2

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

0

531

1

cd client에서 npm install 오류

0

1418

1

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

0

972

1

Netlify + AWS Elastic Beanstalk 를 이용한 배포

1

1785

1

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

0

460

0

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

0

718

1

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

0

428

1

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

0

247

0

#2강 npm install

0

768

4

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

0

226

0

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

0

384

1