노마드 코더 - ReactJS 로 영화 웹 서비스 만들기 #7 Practice Movie App Styles
투박한 웹을 이제 보기 좋게 스타일을 씌어볼 생각이다. 우선 summary의 길이가 제각각 이기 때문에 이 summary의 길이부터 조절해 보도록 하자. Movie.js에서 summary를 찾아서 조정해 준다. {summary.length > 235 ? `${summary.slice(0, 235)}...` : summary} 3항연산자를 이용해 글자의 개수가 235자가 넘어가면 잘라주고 이하라면 그대로 보여주게 해 주었다. css는 소스코드로 만들어 둔 것을 입혔다. index.js, Movie.js, Home.js에 각각의 css module을 import 하고 적용해 주었다. 이제 내가만든 detail page만 알맞게 꾸며주면 프로젝트가 끝난다. git : https://github.com/lees..
개발일지/React
2024. 8. 21. 17:59