닭발개발

react에서는 이나 \n을 써도 줄바꿈 되지 않았다. React에서 텍스트 줄바꿈? const text = "동해물과 백두산이\n 마르고 닳도록" 위 문장을 React에서 출력하려면 어떻게 해야할까요? 일반적으로 JSX에서는 개행 문자(‘\n’)가 동작하지 않아 아래와 같이 출력이 됩니다. 동해물과 백두산이 마르고 닳도록 그러면 아래와 같이 줄바꿈 태그인 을 사용하면 어떨까요? const text = "동해물과 백두산이 마르고 닳도록" 이 문자 그대로 출력됩니다. 동해물과 백두산이 마르고 닳도록 아니 그러면 어떻게 해결하나요? CSS 상에서 white-space:pre-wrap을 설정해주시면 됩니다. white-space: pre-wrap; 개행 문자(‘\n’)을 잘 인식하여 줄바꿈한 결과를 출력하게 ..

Javascript에서 문자열 줄 바꿈하는 2가지 방법! escape 문자 사용하기 템플릿 리터럴(Template literals) 사용하기 1. escape 문자 사용하기 문자열에 New Line을 뜻하는 '\n' 이스케이프 문자를 넣어주면 줄바꿈됩니다. const str = 'a\nb\nc\n'; document.getElementById("result").innerHTML=str; 2. 템플릿 리터럴(Template literals) 사용하기 const str =`a b c`; document.getElementById("result").innerHTML=str; 문자열 안에 escape문자인 '\n'을 사용하면, 가독성이 떨어지는 단점이 있습니다. 문자열을 정의할 때 따옴표( ' 또는 " )를 사..