자바스크립트 14
Do it : JS -10. 브라우저 객체 모델 (BOM)

브라우저 객체 모델이란? -웹 브라우저 전체를 객체로 관리하는 것 -자바스크립트 프로그램을 통해 브라우저 창을 관리할 수 있도록 > 요소를 객체화 주요 브라우저 내장 객체 Window 브라우저 창이 열릴 때마다 생기는 객체 | 최상위 객체 Document 태그 만나면 만들어지는 객체 | HTML 문서 정보 History 방문 기록 저장 객체 Location URL 정보 객체 Navigator 웹 브라우저 정보 객체 Screen 화면 정보 객체 웹 브라우저를 제어하는 Window 객체 -자바스크립트의 모든 객체는 Window객체에 포함된다 Window 객체의 속성 -접근하는 방법 : 객체 이름 뒤 마침표(.)를 찍고 속성이름 붙인다 window.innerHeight 1132 document 웹문서 접근 f..
JavaScript 2020.10.14

Do it : JS -9. 폼과 자바스크립트

폼 요소에 접근하는 여러 방법 -웹 사이트의 폼 요소에는 텍스트 필드, 라디오 버튼, 체크 상자 (누를 수 있는 요소), 선택 목록(여러 항목 중 원하는 것을 선택) 등이 있다. -자바스크립트로 제어하려면 먼저 요소에 접근해야 함 = 폼 요소에 접근 id값이나 class값 사용해 폼 요소 접근 -querySelector()함수, querySelectorAll()함수 사용해서 id값이나 class값 접근 -id값은 폼 요소 1개에 접근, class값은 폼 요소 여러개에 접근 > 배열로 저장 -텍스트 필드의 값 가져오려면 .value 붙인다 document.querySelector("#billingName").value "한라산" name값 사용해 폼 요소 접근 -name 속성 : 자바스크립트에서 폼 요소를..
JavaScript 2020.10.14

Do it : JS -1,2.자바스크립트란, 입력과 출력, 규칙6가지

웹 프로그래밍 이란? -웹 브라우저와 관련된 프로그램을 작성하는 것 -자바스크립트는 웹 프로그래밍에 가장 많이 쓰인다 자바스크립트로 무엇을 할 수 있을까? 1. 웹 사이트 동적으로 만든다 (ex. 화살표 버튼) 2. 웹 브라우저 프로그램 만든다 (ex. 버스정류장 어플리케이션, 그림판) 3. 서버용 프로그램 만든다 (ex. node.js) 자바스크립트의 특징은? -모든 웹 브라우저에서 작동한다 (ES5 문법 주로 사용) -별도의 프로그램 설치X -다양한 용도의 프로그램 개발 (ex. 어플, 아두이노, 드론, IoT) -공개 API 사용 가능 | API = 데이터를 다른 사람이 손쉽게 가져갈 수 있도록 미리 준비한 체계 -다양한 라이브러리(ex. jQuery), 프레임워크 (ex. 앵귤러, 뷰) 자바스크립..
JavaScript 2020.09.30
1 2
더보기

티스토리툴바