JavaScript(23)
-
Day4_VSCODE_JavaScript_ document 객체 + Node(노드)
🔴문서 객체 모델(Document Object Model) - DOM이라고 부름 HTML문서 또는 XML문서 등을 접근하기 위한 일종의 인터페이스 역할 문서내의 모든 요소를 정의하고 각각의 요소에 접근하는 방법을 제공 🟢🔴document 객체 웹 페이지 자체(body)를 의미하는 객체 웹 페이지에 존재하는 HTML 요소에 접근하고자 할 때 반드시 document 객체로부터 시작 자바스크립트에서 html에 접근하기 위해서 document 객체가 필수! [함수] getElementById(): 해당 아이디의 요소를 검색 getElementsByTagName(): 해당 태그요소를 모두 선택 후 가져옴 getElementsByClassName(): 해당 클래스의 속한 요소를 모두 선택 후 가져옴 getEleme..
2023.04.08 -
Day4_VSCODE_JavaScript_ Location 객체+history 객체
🟢Location 객체 현재 브라우저에 표시된 HTML 문서의 주소를 얻거나, 브라우저에 새 문서를 불러올 때 사용 https://koreaisacademy.com/renewal2021/community/interview_view.asp ------- ------------------- ------------------------------------------ Protocol hostname pathname protocol: 콜론을 포함하는 http, https, ftp 등의 프로토콜 정보를 반환 사용예시 console.log(location.protocol) == 결과 :https: hostname: 호스트의 이름과 포트번호를 반환 사용예시 console.log(location.hostname) ==..
2023.04.08 -
Day3_VSCODE_JavaScript_ Web API 객체 + Form(폼)객체
🟢Web API 객체 BOM(Browser Object Model): 비표준 🟡setTimeout() 일정 시간이 지난 후 매개변수로 제공된 함수를 실행 [예시] const 함수명 = function(){ 실행문; ... } const st = setTimeout(함수명, 밀리초); 🟡clearTimeout() 일정 시간후에 일어날 setTimeout()을 취소 🟡setInterval() 일정시간마다 매개변수로 제공된 함수를 실행 🟡clerInterval() 일정시간마다 일어나는 setInterval()을 취소함 🟢form 객체 일반적인 폼 요소에 접근할 때 사용 document.forms 컬렉션을 이용해서도 접근할 수 있음 예시 셋팅 아이디: 비밀번호: 🟡폼 접근하기 const frm = docume..
2023.04.08 -
Day3_VSCODE_JavaScript_ 화살표 함수
🔴파이썬과 다른 점 🔴🟢 화살표 함수 - function 키워드를 사용하여 함수를 만드는 것 보다 간단하게 표현 - 화살표 함수는 항상 익명 [문법] ✔매개변수가 없을 경우 [ver1] const 함수명 = () => { 함수가 호출 되었을 때 실행될 문장; } [ver2] const 함수명 = () => 함수가 호출되었을 때 실행될 문장; ================================================ ✔매개변수가 있을 경우 [ver1] const 함수명 = (매개변수1,매개변수2...) => { 함수가 호출 되었을 때 실행될 문장; } [ver2] const 함수명 = (매개변수1,매개변수2) => 함수가 호출되었을 때 실행될 문장; ✔ 매개변수가 1개인 경우: 소괄호 생략 가..
2023.04.06 -
Day3_VSCODE_JavaScript_ 호이스팅(Hosting)
🔴🟢호이스팅(hoisting) - 인터프리터가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것 - var 변수의 경우: 호이스팅 시 undefined로 변수를 초기화 - let과 const 경우: 호이스팅 시 변수를 초기화 시키지 않음 예시1- 함수 호이스팅이 된 경우 [함수 호이스팅] func1() .... .... function func1(){ console.log('이제서야 정의') } ===================================================== --> interpreting 결과: 함수 호이스팅 function func1(){ console.log('이제서야 정의') } .... .... func1() [변수 호이스팅] func2(); .... .....
2023.04.06