JavaScript/Vanilla.js4 JavaScript / use strict 자바스크립트는 단기간에 만들어진 언어로 매우 유연하게 개발되었다. 때문에 자바스크립트에서는 변수를 선언하지 않고도 값을 할당할 수 있다던가, 기존에 존재하는 프로토타입을 변경하는 등의 희한한 구조가 구현가능하다. 그래서 이런 비상식적인 구조를 좀 더 엄격히 하기 위해 ECMA 5에서 'use strict'라는 것을 추가하여 보다 상식적인 선에서 자바스크립트를 작성할 수 있도록 해두었다. 결론 : 좀더 엄격한 자바스크립트를 사용하고 싶다면 .js파일의 최상단에 'use strict' 를 작성하자. 2020. 12. 25. 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. 이전 1 다음
