JavaScript에서 줄 바꿈 만들기
JavaScript에서 화면에 출력되는 텍스트 사이에 줄 바꿈을 넣고 싶다면 HTML의 <br> 태그를 사용하면 됩니다. <br> 태그를 하나만 사용하면 한 번의 줄 바꿈이 적용되며, 여러 개를 연속으로 사용하면 그만큼 빈 줄이 늘어나 여러 줄의 간격을 만들 수 있습니다.
예제 코드
아래 예제는 document.write() 메서드와 함께 <br> 태그를 사용해 줄 바꿈을 구현한 코드입니다.
<html>
<body>
<script>
document.write("Hello World!");
document.write("<br>");
document.write("Demo<br><br>Text!");
</script>
</body>
</html>실행 결과
위 코드를 브라우저에서 실행하면 다음과 같이 출력됩니다.
- Hello World! — 첫 번째 문장 출력 후
<br>태그로 줄이 바뀝니다. - Demo — 이어서 출력되며, 뒤따르는
<br><br>두 개의 태그로 인해 빈 줄 하나가 생깁니다. - Text! — 마지막 문장이 새로운 줄에 출력됩니다.
추가로 알아두면 좋은 점
문자열 안에 줄 바꿈 문자인 \n을 넣는 방법도 있지만, 이것은 콘솔(console.log())이나 <textarea>처럼 줄 바꿈 문자를 인식하는 환경에서만 작동합니다. 일반적인 웹 페이지 화면에서는 \n이 무시되기 때문에, 브라우저에 표시되는 내용의 줄을 바꾸려면 반드시 <br> 태그를 사용해야 합니다.