문제상황

• Recoil을 이용해 상태관리를 하던 중 줄바꿈을 해야 할 상황이 발생했다.

• 기존 코드
  

• 나는 recoil 내부 정보에서부터 줄바꿈이 되어있길 바랬다. 그래서 문자열에 \n도 넣어 보고, 템플릿 문자열을 써보기도 했다.

• 응 안돼.

원인진단

• 알고보니 react는 각종 보안상 이슈를 예방하기 위해 문자열 입력시 html태그를 자체적으로 금지하고 있었다. (근데 페북은 왜 그 모양)

• 해결방법은 dangerouslySetInnerHTML ={ {_html: (넣을 html코드)}} 를 사용하는 것이다. (출처는 여기)

• 하지만 내 프로젝트에는 텍스트랄 게 몇 개 없고 애초에 줄바꿈을 하고 싶을 뿐이지 복잡한 html코드를 넣고 싶진 않았다. 해서 가장 고전적인(무식한) 방법을 썼다.
  

• 해결 >.<