본문 바로가기

Javascript

[Javascript] alert창(경고창) 텍스트 줄바꿈 하기

 

 

alert창(경고창) 에서 텍스트 줄바꿈 하는 방법

 

alert창에서도 줄바꿈이 가능하다!

최근까진 잘 모르고 가능하지 않을까~ 라고 어렴풋이 생각하고 있었는데
마침 딱 사용할 일이 와서 알아보았다.

줄바꿈을 하는 방법은 두가지 방법이 있다.


 

 

\n 을 사용한 줄바꿈

줄바꿈을 할 텍스트 뒤에   \n  를 넣어주면 줄바꿈이 된다.

 

코드

alert('안녕하세요?\n만나서 반갑습니다.');

 

출력물

 

 

 

 

템플릿 리터럴 ` ` 을 사용한 줄바꿈

템플릿 리터럴  ` `   을 사용하면 줄바꿈을 한 상태로 입력을 하면 alert 창에서도 줄바꿈이 된다.

주의할 점은 ` 바로 뒤나 앞에서 줄바꿈을 하거나,

가독성을 위해서 탭키를 사용하면 그것 역시 적용이 되므로 주의해야한다!

 

 

코드

alert(`안녕하세요?
만나서 반갑습니다.`);

 

출력물

 

 

만약 가독성을 생각한다고

` 부분에서 줄바꿈 혹은 탭키를 눌러서 정렬한다면...

alert(`
	안녕하세요?
	만나서 반갑습니다.
`);

 

위와같이 여백이 생긴다.

그러므로 주의할 것!!

 

 

 

 

alert 문구 줄바꿈

alert 텍스트 줄바꿈

alert 글 줄바꿈

alert 텍스트 내림