※ 본 내용은 해당 교재를 참고하여 공부한 내용과 본인의 생각을 정리한 글입니다.
https://www.yes24.com/Product/Goods/105608999
바닐라 자바스크립트 - 예스24
실무 역량까지 한 번에 잡을 수 있는바닐라 자바스크립트 이론서자바스크립트는 이제 브라우저를 넘어 웹 애플리케이션뿐만 아니라 마이크로 컨트롤러까지 점점 사용하는 곳이 늘어나고 있다.
www.yes24.com
window 객체는 전역(Global) 객체이다.
● alert()
윈도우 화면에 경고 메세지를 출력한다.
● confirm()
진행할지, 종료할지에 대한 진행 여부를 확인하는 함수이다.
● prompt()
문자열을 입력받을 수 있는 함수이다.
● window.open()
윈도우 새 창/새 탭으로 지정한 url을 오픈하는 함수이다.
● setTimeout(), clearTimeout()
두 번째 파라미터로 지정한 시간 간격 이후에 첫 번째 파라미터에 정의한 함수를 실행하는 함수이다. 아직 setTimeout() 함수에서 정의한 함수가 실행되지 않았다면, clearTimeout() 함수를 사용해서 함수가 실행되는 것을 중지할 수 있다.
● serInterval(), clearInterval()
두 번째 파라미터로 지정한 시간 간격마다 첫 번째 파라미터에 정의한 함수를 반복적으로 실행하는 함수이다. setInterval() 함수는 반복적으로 실행이 되기 때문에, 이를 종료하기 위해서는 clearInterval() 함수를 사용한다.
<!DOCTYPE html>
<html>
<head>
<title>Document</title>
</head>
<body>
<script>
//Window 객체 - 전역객체, Global 객체
alert("이것은 alert");
if (confirm("정말 삭제?")) {
//삭제 로직
}
var pass = prompt("비밀번호 입력.");
// console.log(pass);
if (pass == null) {
//취소 버튼 누른 경우
} else if (pass == "") {
} else if (pass != "") {
console.log(pass);
}
window.open("https://naver.com");
setTimeout(function () {
alert("프로그램 실행");
}, 1000);
var count = 0;
var fnc = setInterval(function () {
if (count < 5) {
console.log("프로그램 실행:" + count);
count++;
} else {
console.log("종료");
clearInterval(fnc);
}
}, 1000);
</script>
</body>
</html>
console로 보여주기 애매해서 직접 실행 시켜보는게 나을듯 하다.
'02. JavaScript > 01. 기본개념, 문법 (ES6)' 카테고리의 다른 글
| JavaScript_etc. 헷갈리던 기본 개념 정리 (0) | 2023.11.29 |
|---|---|
| JavaScript_03. 내장 객체_Symbol (0) | 2023.11.29 |
| JavaScript_03. 내장 객체_JSON (0) | 2023.11.28 |
| JavaScript_03. 내장 객체_Math (0) | 2023.11.28 |
| JavaScript_03. 내장 객체_Map (0) | 2023.11.28 |
