인프런 자바스크립트 입문 수업을 듣고 중요한 내용을 정리했습니다.
개인 공부 후 자료를 남기기 위한 목적이므로 내용 상에 오류가 있을 수 있습니다.
Window 객체 내장함수
브라우저에 경고창을 띄워주는 함수이다.
window.alert("이것은 alert 창 입니다.");
alert("이것은 alert 창 입니다.");
//윈도우는 글로벌 객체이므로, window를 생략하고 alert만을 써도 동일한 기능을 수행한다.
//오직 사용자에게 경고 메세지를 전달하는 용도로 사용된다.
브라우저에서 사용자에게 실행 여부를 확인하는 창을 띄워주는 함수이다.
var yn = confirm("정말 삭제하시겠습니까?");
console.log(yn);
//확인 버튼을 누르면 true값, 취소 버튼을 누르면 false값이 나온다.
//그 이후에 if문을 사용해서 true이면 삭제 실행, false이면 삭제 취소를 하도록
//코드를 작성한다.
if( ) {
//삭제실행 code
}
//아래와 같은 코드로 동일한 기능을 구현할 수 있다.
if(confirm("정말 삭제하시겠습니까?")) {
console.log("삭제 실행"); //삭제실행 code
}
input 박스를 통해 사용자로부터 텍스트 값을 입력받도록 하는 함수이다.
var txt = prompt("비밀번호를 입력하세요");
console.log(txt);
// 결과 : 확인버튼을 누르면 입력값이 출력되고, 취소버튼을 누르면 Null값이 출력된다.
var txt = prompt("비밀번호를 입력하세요");
if(txt == null){ //취소버튼을 눌렀다는 의미
//취소버튼을 누른 경우 실행되는 code
}else if(txt == ""){ //아무것도 입력하지 않았다는 의미
//아무것도 입력하지 않을 경우 실행되는 code
}else if(txt != ""){ //사용자가 무언가를 입력했다는 의미
console.log(txt); //사용자가 무언가를 입력한 경우 실행되는 code
}
특정 웹사이트를 열어주는 함수이다.
window.open("https://naver.com");
//브라우저에서 새로운 창으로 네이버 홈페이지가 열린다.
현재 페이지를 인쇄하는 함수이다.
window.print();
//현재 페이지를 인쇄하는 창이 열린다.
정해진 시간 이후, setTimeout 함수의 파라미터로 포함된 함수를 1번 실행하는 함수이다.
setTimeout(function( ){
console.log("5초후 프로그램 실행"); //함수로 실행하려는 code
}, 5000);
//첫 번째 파라미터는 실행하려는 함수를, 두 번째 파라미터는 특정 시간을 쓴다.
//이 함수는 두 번째 파라미터로 설정한 시간이 지나면, 첫 번째 파라미터의 함수를
//1번 실행하도록 하는 함수이다.
//단, 두 번째 파라미터에서 1000은 1초를 의미하므로, 여기서 5000은 5초를 뜻한다.
정해진 시간마다, setInterval 함수의 파라미터로 포함된 함수를 반복해서 실행하는 함수이다.
setInterval(function( ){
console.log("3초마다 프로그램 실행"); //함수로 실행하려는 code
}, 3000);
//첫 번째 파라미터는 실행하려는 함수를, 두 번째 파라미터는 특정 시간을 써서
//정해진 시간마다 첫 번째 파라미터로 포함된 함수를 반복 실행하는 함수이다.
//여기서 1000은 1초를 의미하므로, 3000은 3초마다 해당 함수가 실행되는 것을 뜻한다.
var i = 0;
setInterval(function( ){
console.log("3초마다 프로그램 실행 - "+ i);
i++;
}, 3000);
setInterval( ) 함수를 종료시킬 때 사용하는 함수이다.
var i = 0;
var fnc = setInterval(function( ){
console.log("3초마다 프로그램 실행 - "+ i);
if(i == 3){
clearInterval(fnc);
}
i++;
}, 3000);
//i가 3이되면 setInterval( ) 함수의 실행을 중단시킨다.
//setInterval( ) 함수를 사용할 때는 반드시 clearInterval( ) 함수를
//함께 사용해야 한다.
//setInterval( ) 함수 대신 WebSocket을 사용하면 서버의 부하를 줄이면서,
//더욱 효율적으로 리소스를 사용할 수 있다.
console.log(window);
//Window 객체의 많은 내장함수들을 보여준다.
댓글