개발을 하다 보면 props로 전달받은 텍스트의 줄 바꿈을 해야 하는 경우가 종종 있습니다. 매번 까먹으니 정리해 놓으려고 합니다. 😑 먼저 텍스트를 입력받아 뿌려주는 초 간단 컴포넌트를 만들어 보겠습니다. const Item = ({ text }) => { return {text}; }; export default function App() { return ( ); } 여기에서 text에 줄바꿈이 들어간 텍스트를 입력하려고 할 때 아마 br태그를 사용하거나 '\n'를 사용하여 줄바꿈을 시도하실 수 있을 것 같습니다. 하지만 예상과는 달리 그대로 출력해 보면 문자로 출력돼 버리는 것을 알 수 있습니다. 왜 이런 문제가 생기는 걸까요? 😮 이리저리 테스트 해본 결과 value의 값이 String과 섞이게 ..
