JavaScript5 화살표 함수 Arrow Function 화살표 함수는 익명함수이다.기존의 익명함수를 매우 간단하게 한줄로 표현할 수 있다. 화살표 함수 작성하는 순서 기억법 1) 코드로 한줄로 바꾼다. 2) function 삭제, { } 삭제, 삭제한 { 위치에 => 를 작성한다. 3) return 을 삭제한다. // Arrow Function// always anonymousconst simplePrint = function(){ console.log('simplePrint');});const simplePrint = () => console.log('simplePrint');const add = function(a, b){ retrun a + b;};const add = (a, b) => a + b;const simpleMultiply = (a, b.. 2021. 1. 15. include js 파일 만들기 CSS 에서 @import 처럼 js 파일 불러오기 requiers.js 안쓰고 JavaScript 로 DOM 생성하는 방법으로 js 파일을 찍어서 포함시킨다. html TEST : JS Load JS 아래는 loader.js 소스 /** * loader.js */function load(files){ for (i=0; i 2021. 1. 14. 자바스크립트 내부객체 Array 배열 내부 객체 사용은 인스턴스를 만들어 사용해야 한다. 1. Array 배열 객체하나의 변수가 여러개의 데이터를 가지고 있어 호출하는 경우 [ ] 기호를 사요애 배열 데이터의 원소 번호를 입력한다.Array = data[0], data[1], data[2] ..... data[n] Array 객체의 사용 형식은 아래 2가지로 선언할 수 있다.ardata = new Array([배열의 수]); 또는 ardata = new Array("사과","오렌지","포도"); ardata[0] 의 값은 사과, ardata[1]의 값은 오렌지 속성 Porperty 정리Date 객체의 속성에는 다음과 같은 것이 있다.constructor : 객체를 만들어낸 함수 원형의 형식을 가지고 있는 속성index : 정규 표현식에 .. 2019. 10. 10. 자바스크립트 객체 사용 방법 1. 객체 속성 값 변경[객체 이름].[속성 이름]=[변경할 값]document.form1.A.value = Val;2. 객체 함수의 사용 [결과 값] = [객체 이름].[함수 이름]var str = data.substr(1, 3);3. with 연산자 사용이 연산자를 사용하면 객체 속성, 함수 사용이 좀 더 편리해 진다. 일일이 객체 이름에 속성 또는 함수 이름까지 길게 나열하지 않고, with 연산자를 사용하면 속성 또는 함수 이름만으로 사용할 수 있다. with(객체 이름){ [실행 코드] }with(document.form){ A = name.value; } 2019. 10. 10. 자바스크립트 객체 종류 6가지 자바스크립 객체 종류 1. 내부 객체Array, Boolean, Date, String, Math, Number2. 브라우저 객체Navigator, window, Document, Frame, Location, History3. 문서 객체Layer, Link, Image, Form, Anchor, Applet, Area, Plugin4. 폼 객체Text Field, Button, Radio, Checkbox, Select, Hidden, FileUpload5. 네비게이트 객체Text Field, Button, Radio, Checkbox, Select, Hidden, FileUpload6. 사용자 정의 객체Object (사용자가 객체를 선언하여 만드는 객체) 2019. 10. 10. 이전 1 다음