[jsp] 데이터 입출력 팝업

---

jsp를 사용하면서 데이터를 출력하거나 입력받는 팝업창을 띄워야 하는 경우

alert, confirm, prompt를 사용하면 간단하게 팝업을 통한 데이터 입출력이 가능합니다.

 

 

가장 많이 사용되는 alert

---

먼저 alert는 메세지가 출력된 창을 띄워서 사용자가 확인 버튼을 누르기 전까지

팝업창을 유지하는 것으로 버튼의 구성은 확인버튼 단일로 구성되어 있습니다

<script>
	alert("메세지 출력하기");
</script>

 

 

확인과 취소버튼이 존재하는 confirm

---

<script>
	let result = confirm("메세지가 맞으면 확인, 아니면 취소를 클릭하세요");
	console.log('reslut = ' + result);
</script>

confirm은 사용자가 확인 또는 취소를 누르는 것으로 boolean값을 리턴합니다

확인 버튼을 누르면 true, 취소 버턴을 누르면 false

 

 

text입력이 가능한 prompt

---

<script>
	let data = prompt("데이터를 입력하세요");
	console.log("data = " + data);
</script>

해당 팝업역시 확인과 취소 버튼이 있으며 추가적인 데이터 입력을 할 수 있는

Text창이 존재하기 때문에 Text문구를 입력하고 확인 버튼을 누르게 되면 메시지를 리턴합니다

만약 취소 버튼 클릭하거나 취소 버튼을 누르면 null을 리턴하게 됩니다

 

alert, confirm, prompt 팝업창이 띄워져 있는 경우 스크립트의 동작이 정지되며 사용자가 팝업창을

닫을 때까지 나머지 페이지와의 상호작용은 불가능합니다.