07.08(scope)
2020. 7. 8. 20:12
프로그래밍/JavaScript
블록 스코프 블록 스코프는 중괄호{ }로 감싸진 범위를 말함 if의 블록 { }, for의 블록 { }, function의 블록 { } 이들 모두 블록 스코프라고 할 수 있음 let, const는 블록 스코프에서 유효 if(true){ var variable1 = 'I am in a block'; let variable2 = 'I am in a block'; const variable3 = 'I am in a block'; console.log(variable1); console.log(variable2); console.log(variable3); } for(var i=0; i
07.07(Interaction)
2020. 7. 7. 20:01
프로그래밍/JavaScript
User Interaction(사용자 상호작용) 사용자와 상호작용을 위하여 대화상자와 innerHTML 메소드를 제공 ① alert() ② confirm() ③ prompt() ④ innerHTML() ⑤ innerText() alert() window 객체의 alert() 메소드는 사용자에게 간단한 메시지를 보여주고, 그에 대한 사용자의 확인을 기다림 window.alert("간단한 메시지"); //window 생략가능 alert("간단한 메시지"); confirm() 사용자에게 간단한 메시지를 보여주고, 사용자가 확인이나 취소를 누르면 그 결과를 불리언 값으로 반환 confirm("간단한 메시지"); prompt() 사용자에게 간단한 메시지를 보여주고, 사용자가 입력한 텍스트를 문자열 타입으로 반환 ..
07.06(Document 객체)
2020. 7. 6. 20:30
프로그래밍/JavaScript
Document 객체 웹 페이지 그 자체를 의미 웹 페이지에 존재하는 HTML 요소에 접근하고자 할 때는 반드시 Document 객체부터 시작해야 함 Document 메소드 Document 객체는 HTML 요소와 관련된 작업을 도와주는 다양한 메소드를 제공 - HTML 요소의 선택 - HTML 요소의 생성 - HTML 이벤트 핸들러 추가 - HTML 객체의 선택 HTML 요소의 선택 메소드 설명 document.getElementsByTagName(태그이름) 해당 태그 이름의 요소를 모두 선택 document.getElementsById(아이디) 해당 아이디의 요소를 선택 document.getElementsByClassName(클래스이름) 해당 클래스에 속한 요소를 모두 선택 document.getEl..
07.03(var, let, const의 차이와 data type)
2020. 7. 3. 20:09
프로그래밍/JavaScript
변수 선언 방식 var var는 변수 선언 시 여러번 선언해도 에러가 나오지 않는다는 단점이 있음 var name = 'hello' console.log(name) //hello 출력 var name = 'javascript' console.log(name) //javascript 출력 코드량이 많아진다면 변수 재선언으로 인한 문제가 발생할 가능성이 높아짐 let, const ES6 이후, var를 보완하기 위해 추가된 것이 let, const임 변수 재선언 X let name = 'hello' console.log(name) //hello 출력 let name = 'javascript' console.log(name) // Uncaught SyntaxError: Identifier 'name' has ..