[꿀팁, 데이터베이스 string 개행] 데이터베이스 string 개행하는 법

안녕하세요! 오늘도 개발 중 꿀팁을 발견해 공유할려구 합니다 ㅎㅎ

보통 설명란 같은 경우는 input을 textarea로 쓰는 경우가 많죠.

그래서 띄어쓰기를 해가며 문자를 작성할텐데, 작성할 때는 그렇게 하더라도 막상 출력하고 나면, 개행을 무시한 채 일자로 나옵니다.

 

이러한 문제를 쉽게 해결할 수 있는 방법이 있습니다.

 

const Body = styled.div`
  white-space: pre-wrap;
`

무려 css 단 한 줄로 해결이 된다는 사실!

이런 간단한 것을 몰랐다니! 오늘도 반성을 하게 됩니다! 보통 일반적으로 /n <br>같은 태그들은 그대로 출력이 됩니다만, 이 css를 작성해주면, 자동으로 파싱해주는 것 같습니다!

 

굉장히 잘 실행되는 것을 볼 수 있습니다! 오늘도 간단한 꿀팁을 공유합니다! 모두 도움이 되었으면 좋겠습니다 ㅎㅎ