자바스크립트 - 데이터 입출력

데이터 입출력

개발자 도구 콘솔 화면에 출력을 하고자 할 때 사용하며, 주로 디버깅시 사용 한다.

 

console.log()

값을 확인하고자할때 사용함

개발자 도구(F12) -> console 탭에서 확인가능함

변수값 출력가능함

 

alert()

사용자가 확인 버튼을 누를 때까지 메세지 보여주기 위해 사용한다.

경고창 띄우기위해 사용한다.

 

 

comfirm()

어떤 질문에 "예/아니오"의 결과를 얻을 때 사용한다.

확인 버튼과 취소 버튼이 나타나며, 확인 버튼 클릭 시 true, 취소 버튼 클릭 시 또는 esc 키를 누를 시 false를 리턴한다.

 

 

 

1. 확인버튼눌렀을시 콘솔창

2. 취소버튼눌렀을시 콘솔창

 

prompt()

텍스트 필드와 확인/취소 버튼이 있는 대홧아자 출력하고 입력한 메세지 내용을 리턴 값으로 돌려 받는다.

취소 버튼 클릭 시 null을 리턴하며 두 번째 인자로 default 값 설정도 가능함

default 값설정안했을시

 

 

default 값설정안했을시

default값을 설정하면 입력부분에 기본적으로 value값이 입력되어있는 상태를 말함

 

 

데이터 입출력 주의사항

alert(), confirm(), prompt가 띄운 창이 떠 있는 동안은 스크립트 동작이 일시정지 상태이다

사용자가 창을 닫기 전까지는 나머지 페이지와 상호 작용이 불가함.

해당 창들은 브라우저(Safari,Chrome,edge,IE)마다 다른 모양을 가지며 개발자가 수정(커스텀) 불가한 요소이다.

 

그래서 현업에서는 모달창을 HTML,CSS 로 뼈대와 디자인 제작후 많이 사용함.

 

---

https://memory-develo.tistory.com/90

자바스크립트 - 형변환