반응형
SMALL
4.2 Styling the Movies
function Movie({year,title,summary,poster}){
return (
<div class="movie">
<img src={poster} alt={title} title={title}/>
<div class="movie_data">
<h3 class="movie_title">{title}</h3>
<h5 class="movie_year">{year}</h5>
<p class="movie_summary">{summary}</p>
</div>
</div>);
}
-> function Movie를 통해 style 만들기
- style component
style={{ }}
- javascript 위의 CSS
반응형
LIST
'Web 강의 > ReactJS로 영화 웹 서비스 만들기' 카테고리의 다른 글
[노마드코더/ReactJS로 영화 웹 서비스 만들기]4.4 Styles Timelapse & 4.5 Cutting the summary (0) | 2022.03.18 |
---|---|
[노마드코더/ReactJS로 영화 웹 서비스 만들기]4.3 Adding Genres (0) | 2022.03.18 |
[노마드코더/ReactJS로 영화 웹 서비스 만들기]4.1 Rendering the Movies (0) | 2022.03.18 |
[노마드코더/ReactJS로 영화 웹 서비스 만들기] 4.0 Fetching Movies from API (0) | 2022.03.18 |
[노마드코더/ReactJS로 영화 웹 서비스 만들기]3.3 Planning the Movie Component (0) | 2022.03.18 |