React 줄바꿈 (with. ES6)

const a = "hello \n world"; // hello \n world
const b = "hello <br/> world"; // hello <br/> world

React JSX 환경에서는 개행문자나 태그가 동작하지 않는데
CSS 상의 옵션에서 white-space: pre-line 와 같은 옵션을 주면 정상적으로 줄바꿈을 해준다.

ES6에서 multiline-string 기능을 제공하면서
백틱으로 줄만 바꿔주면 \n나 br 태그 없이도 정상동작하는 걸 볼 수 있다.

내용이 길 경우 가독성 측면에서 유용할 수 있다.

const a = `hello
world`

결과 : hello
world