Helprogrammers_jsx 에서 div 줄바꿈 하기 / white-space: pre-wrap

박다영·2022년 12월 28일
0

project

목록 보기
28/70

textarea의 값을 db 에 저장을 할 때 jsx 에서 입력하게 되면
개행문자나 태그는 동작하지 않고 그대로 출력된다.
(엔터를 치면 /n 으로 저장됨)

textarea에서 입력한 형태 :

엔터를 입력해요.
이렇게!

db에 저장되는 형태 :

엔터를 입력해요.\n이렇게!

때문에 db 에 있는 데이터를 가져와서 다시 textarea 에서 입력한 모양으로 출력해주려면,
출력하는 div에 white-space: pre-line css를 적용 시켜주어야한다.
(/n 을 다시 엔터로 인식해 입력한다.)

white-space: pre-line
profile
개발과 디자인 두마리 토끼를!

0개의 댓글