firebase 줄바꿈 적용안됨

우선 해결방법부터 말하자면 내용 보여주는 곳 css를

white-space: pre-wrap;

처리 해주면 된다.

 

이제 오류 얘기를 해보자..

textarea로 데이터 받아서 firebase에 등록하고, 이를 가져와서 보여주는데 줄바꿈 적용이 안되어있는 문제가 생겼다.

일단 firebase를 가보니 
ㅁ
ㅁ
ㅁ
이런식으로 적은 데이터가

이렇게 들어가 있었다.

그래서 firebase에 보낼때 데이터를 보니 

이런식으로 되어있더라.

나는 \n 이 사라지는줄 인식하고, gpt에게 이와 관련된 질문을 하니 해답으로 \n을 <br/>로 replace해서 넣는 방법을 알려주더라..
그래서 replace해서 firebase에 넣었더니 <br/>이 문자로 firebase에 들어가게 되고, 이를 꺼내올때 문자 그대로 보여져버려서, 다시 <br/>을 \n으로 replace처리 해주는 번거러운 방법을 선택했는데 결과가 처음과 똑같았다.. 줄바꿈이 그대로 적용 안되어있더라...
다르게도 replace 해보고 하다가 결국 안되어서, 일단 gpt에 신용을 잃고.. 구글링을 했는데 firebase에는 \n을 \\n 변환해야한다는 글을 대충 읽고 해봤는데 적용 안되더라..

그래서 다른글을 봤는데 바로 css 적용하라고 적혀있더라...

 

아래는 해당 글로 덕분에 해결함.

https://velog.io/@malgam/textarea-%EC%A4%84%EB%B0%94%EA%BF%88-%EC%A0%81%EC%9A%A9%ED%95%98%EA%B8%B0

textarea 줄바꿈 적용하기