노마드 코더 - ReactJS 로 영화 웹 서비스 만들기 #7 Practice Movie App Styles

 투박한 웹을 이제 보기 좋게 스타일을 씌어볼 생각이다. 우선 summary의 길이가 제각각 이기 때문에 이 summary의 길이부터 조절해 보도록 하자.

 Movie.js에서 summary를 찾아서 조정해 준다. 

<p>{summary.length > 235 ? `${summary.slice(0, 235)}...` : summary}</p>

 3항연산자를 이용해 글자의 개수가 235자가 넘어가면 잘라주고 이하라면 그대로 보여주게 해 주었다. css는 소스코드로 만들어 둔 것을 입혔다. index.js, Movie.js, Home.js에 각각의 css module을 import 하고 적용해 주었다.

 이제 내가만든 detail page만 알맞게 꾸며주면 프로젝트가 끝난다.

 

git : https://github.com/leesulgi66/React_for_Beginners/commit/54985cc7209ae868305282ff93fdd1a872e50bad