BR
-
Vue.js에서 줄바꿈 적용하기 :: 마이구미Vue.js 2017. 7. 25. 20:42
이번 글은 Vue.js에서 텍스트 줄바꿈에 대해 다뤄본다.이해를 위해 유튜브의 API를 통해 받아오는 데이터를 활용하는 예로 들어본다.단순히, 유튜브 API를 통해 받아온 데이터를 출력해보자. {{ description }} 그 결과, 아래와 같이 출력되는 모습을 볼 수 있다. 오른쪽 html 소스에서 보는 텍스트 구조와 실제로 출력되는 텍스트가 다른 모습을 확인할 수 있다.즉, 줄바꿈이 적용되지 않은 모습을 볼 수 있다.(사실 상 받아오는 텍스트는 아래와 같다.) 너 먹구름 비\n\n\n1. 널 너무 모르고\n작사: 헤이즈(Heize)\n작곡: 헤이즈(Heize), GroovyRoom.............. \n은 줄바꿈으로 많이 사용되지만, HTML에서 렌더링되지 않는다.HTML에서는 Line Br..