[React]말줄임 처리하기

React로 study 게시판을 만들던 중
게시판 리스트의 내용 부분 문장이 너무 길면 "..."을 붙이고 싶어졌다.

CSS로 하는 방법도 있고, id값으로 접근하여 JS로 처리하는 방법도 있었지만
좀 더 심플하게 처리하고 싶었다.

짱돌을 돌리다보니 생각보다 간단하게 해결되었다.

<div>
  {study.content.length < 50 
  	? study.content
    : study.content.slice(0, 35) + '...'}
</div>

study.content는 useState 값이다.
삼항 연산자를 이용해 해당값이 50글자 밑이면 그냥 출력, 아니면 slice를 이용해 자르고 "..."을 붙였다.

GOOD!