[ReactJS] Conclusions - ReactJS 로 영화 웹 서비스 만들기 (13)

 

마무리 시간!!

 

 

---

 

 

#7.8 - 7.10 Conclusions

 

Summary 길이 제한

 

영화마다 설명의 길이가 제각각이다.

summary 의 길이 제한을 두어 좀 더 깔끔한 UI 를 구성하도록 해보자.

235 를 최대 길이로 잡아보겠다.

 

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

 

summary 의 길이가 235 보다 크면 slice 를 이용해 235 까지 자르고 뒤에 ... 붙여주기

summary 의 길이가 235 보다 작으면 그대로 summary 출력

 

 

결과

 

 

---

 

Breaking Change

Breaking Change : 버전을 업데이트하면서 코드가 깨져서 코드를 수정 해야하는 경우

React.js 에는 없다.
=> 예전 코드에 기반해서 업데이트해서 예전의 코드를 지금 사용해도 문제 없음

ex) class 형태의 React.js 컴포넌트를 지금도 사용할 수 있음

 

여전히 유효한 방식이니까 둘 다 알아두면 좋다.
개인의 선택에 따라 강의 수강 하면 좋을 듯

클래스형 컴포넌트를 이용한 실습은 예전 버전의 강의로 남아있으니 참고하면 된다.

 

 

---

 

 

이렇게 찐찐찐으로 강의가 끝이 났다.

 

함수형 컴포넌트를 이용한 유익한 실습이었고

React 의 특징과 장점에 대해 알아볼 수 있는 좋은 시간이었다.

 

이제 앞으로는 배운 것을 이용하여

Movie App 을 내 스타일로 구현해볼 것이다.