JavaScript4 JavaScript / HTML DOM과 자바스크립트 관계의 이해 1.HTML 페이지와 자바스크립트 객체 HTML페이지와 브라우저 윈도우나 탭에 로드되면 브루아저로부터 자바스크립트 코드에서 활용가능한 많은 객체들을 제공받는다. 다음은 3개의 객체그룹이다. ①자바스크립트 코어 객체자바스크립트 코어 객체는 브라우저의 종류나 HTML 페이지의 구조에 관계없이 자바스크립트 프로그램에서 항상 활용할 수 있는 기본 객체들이다. 코어 객체에는 String, Math, Date, Array, Function 등이 있다. ②HTML DOM 객체브라우저 HTML페이지를 로드하는 과정에서 각 HTML 태그를 하나의 객체로 만든다. HTML DOM은 W3C의 표준이므로 모든 브라우저에서 호환된다. HTML태그를 동적으로 제어하기 위해서는 HTML DOM의 지식이 반드시 필요하다. ③BOM .. 2020. 3. 12. JavaScript / 함수와 객체 1.함수 함수는 데이터를 전달받아 처리한 후 결과를 돌려주는 코드 블록이다. -function : 함수 선언을 표시하는 키워드 -함수 이름 : 개발자가 정하는 것으로 함수의 목적에 맞게 이름 붙임 -arg,arg2... : 함수를 호출하는 곳으로부터 값을 받는 매개 변수. 값을 받지 않는 경우 매개변수 필요 없음 -프로그램 코드 : 함수의 작업을 실행하는 자바스크립트 코드 -return문 : 함수의 실행을 종료하고 호출한 곳으로 되돌아 가면서 함수의 실행 결과를 반환하는 문 ▶함수호출 함수에게 일을 지시하고 결과를 받는 것을 함수 호출이라 한다. 함수의 호출에는 2가지 방법이 있다. ①변수이름 = 함수이름(arg1, arg2, ..., argN); //함수 호출 후 리턴 값 받음 ②함수이름(arg1, a.. 2020. 3. 11. JavaScript / 제어문(조건문, 반복문) ▶자바스크립트 코드의 위치 ①HTML태그의 이벤트 리스너 속성에 작성 ②내에 작성 ③자바스크립트 파일에 작성 ④URL부분에 작성 ※이벤트와 이벤트리스너 이벤트는 사용자의 입력 행위를 브라우저가 웹 페이지에 전달하는 수단이다. 사용자가 HTML태그가 출력된 영역에 키를 입력하거나 마우스를 클릭하면 이벤트가 발생하며, 이벤트는 해당 HTML태그에게 전달된다. 이벤트는 click, change, mouseover등 많은 종류가 있으며 이러한 이벤트를 처리하는 자바스크립트 코드를 이벤트 리스너라고 한다. onclick, onchange, onmouseover와 같이 이벤트 앞에 on을 붙인 이름이 HTML태그의 이벤트 리스너 속성으로 사용된다. ▶자바스크립트로 HTML 콘텐츠 출력 자바스크립트 코드로 HTML콘.. 2020. 3. 10. JavaScript / 자바스크립트란 JavaScript란? 자바스크립트는 객체 기반의 스크립트 프로그래밍 언어이다. 이 언어는 웹 브라우저 내에서 주로 사용되며, 다른 응용 프로그램의 내장 객체에도 접근할 수 있는 기능을 가지고 있다. 또한 Node.js와 같은 런타임 환경과 같이 서버 프로그래밍에도 사용되고 있다. 자바스크립트 등장배경 자바스크립트의 등장은 넷스케이프사의 Marc Andreessen의 고민에서 부터 시작되었다. 때는 1993년, Marc Andreessen이라는 한 청년은 대학을 졸업함과 동시에 Netscape라는 기업을 설립한다. 이후 Marc Andreessen은 Netscape Navigator라는 웹 브라우저를 만들어 출시하고 당시 브라우저 시장의 약 80%를 점유하게된다. 그렇게 브라우저 시장을 점유한 그는 어느.. 2020. 3. 9. 이전 1 다음
