[jQuery] alert 박스 내용에서 줄바꿈 하는 방법

목표

#jQuery(또는 #JavaScript) 에서 #alert 명령어를 이용한 알림 박스 노출은 여전히 많은 환경에서 웹페이지 사용자에게 오류나 알림에 대해 전달하기 위한 좋은 방법입니다.

그런데 이 메시지 박스를 이용해서 조금 많은 내용을 사용자에게 알려주려면 #줄바꿈이 필요한데 이 포스트에서 그 방법을 정리해보려 합니다.

alert 박스의 기본적인 사용방법은 다들 아시겠지만 한번더 정리하겠습니다. 기본 사용법은 아래와 같습니다.

alert('The message that you want to deliver.');

alert 명령어의 투입 변수로 전달 할 내용을 적어주면 됩니다.

아래의 실제 버튼을 클릭해 보세요.

메시지 박스가 출력되는게 보이죠?

자 그런데 그 내용이 너무 길어지면 중간에 줄바꿈 정도는 해주는 호의를 사용자에게 베풀어줘야 합니다.

메시지 내용에서 줄바꿈을 하는 방법은 아주 간단합니다. 바로 내용 중간에 \n 를 넣어주면 되는데 실제 예제는 아래와 같습니다.

alert('The message\nthat you want to deliver.');

n 앞에 있는 기호는 역슬래시^[1] 또는 원화 표시 기호로 보이는 바로 그것입니다.

실제 예제를 한번 볼까요?

아주 잘 작동합니다.

참고로 이 줄바꿈 기호는 문장 중간에 아무데서나 사용해도 전혀 상관이 없으며, 기호 양 옆으로 빈 칸이 있어야 한다거나 그런 제약도 없으니 편하게 사용할 수 있습니다.

#줄바꿈 기호를 이용해 사소한 곳에서도 사용자에게 더 나은 환경을 제공해 보세요.

끝.