목록네이버클라우드 AIaaS 개발자 양성과정 1기/Javascript (22)
개발자입니다
이벤트 - 리스너 등록하기 이벤트(event) => 사용자나 시스템에 의해 태그의 상태가 바뀌는 것을 가리킨다. => 각 태그 별로 발생하는 이벤트가 정해져 있다. => 물론 개발자가 임의의 이벤트를 발생시킬 수 있다. 리스너(listener) = 이벤트 핸들러(event handler) => 이벤트가 발생할 때 호출되는 메서드이다. => HTML 태그나 자바스크립트 코드에서 이벤트에 대해 함수를 등록해야 한다. click 이벤트 => 사용자가 태그를 클릭할 때 발생한다. click 이벤트에 대해 리스너를 등록하는 방법 1) HTML 태그의 onclick 속성에 자바스크립트 코드를 넣는다. => 사용자가 태그를 클릭하면 이 속성에 등록된 자바스크립트 코드가 실행된다. => 이 방식은 태그 안에 자바스크립..
객체 - constructor와 생성자 자바스크립트 객체는 자신을 초기화시킨 생성자 정보를 갖고 있다. // ex04\exam12.html function Score(name, kor, eng, math) { this.name = name; this.kor = kor; this.eng = eng; this.math = math; } function Member(id, pwd) { this.id = id; this.pwd = pwd; } function Board(title, content) { this.title = title; this.content = content; } var obj1 = new Score("홍길동", 100, 100, 100); var obj2 = new Member("hong",..
객체 생성 그림 윗부분 Object.create(null) 에서 create는 new와 같다. 괄호 안의 null 부분은 생성자이다. 해당 명령어로 빈 객체 생성된다. 그림 아랫부분 Object.create(Object.prototype) 에서 create는 new Object() 와 같다. 이 명령어로 ① 빈 객체 생성 ② prototype으로 지정된 생성자를 통해 기본 프로퍼티 추가된다. 생성자 (constructor) new로 ① 빈 객체 생성한다. Object() 는 생성자로 빈 객체에 프로퍼티를 준비시키는 것(삽입)을 한다. Object() 로 ② 프로퍼티 추가되어 toString, valueOf 등등 추가된다. 객체 - 프로퍼티 추가 생성자를 이용하여 기본 객체를 준비한 후에 필요한 프로퍼티(..
함수 - 애로우(arrow) 함수를 리턴하기 closure 리턴 ① 함수를 call 하고 "sum", 10 을 파라미터로 전달한다. closureMaker() 는 주소 200에 저장된 함수이다. 내부에 함수가 정의되어 있는데 이 ② 정의된 함수의 주소 400 이 들어있다. 메모리는 code도 들어있고 data도 들어있다. code가 들어있는 부분을 code segment라 한다. data가 들어있는 부분을 data segment라 한다. function closureMaker(fnType, count) { switch (fnType) { case "sum": return () => { var sum = 0; for (var i = 1; i { var sum = 1; for (var i = 1; i { c..
function function 함수명 (파라미터, 파라미터, ...) 와 같이 함수를 선언한다. 중괄호 부분을 function body라 한다. return 있는 것을 표현식이라 한다. (문장(statement) 내에 표현식이 포함된다. 표현식(expression)은 값을 리턴하는 문장이라 한다.) 첫 문장을 function prototype (C/C++) 라 한다. method signature (java) 함수 호출은 함수 실행시키는 명령이라 한다. 이때 함수명 내부 값들을 아규먼트(argument)라 한다. 함수 - 정의 자바스크립트 함수 1) 데이터 타입이 없기 때문에 함수의 리턴 타입을 지정하지 않는다. 2) function 키워드로 시작한다. 3) 파라미터는 괄호 안에 선언한다. 파라미터는 ..
배열 const arr = ["aaa", "bbb", true, 100]; 로 단축문법으로 사용한다. const arr = new Array(); 로 다음과 같이 진행된다. ① new ② Array() : Array() 호출 - 1. object() 생성자 호출. 2. Array() 실행 빈 객체에 용도에 따라서 필요한 변수나 함수 등을 채워넣는 일을 하는 아주 특별한 함수 = 생성자(constructor) = 객체가 자신의 역할을 제대로 수행할 수 있도록 필요한 값과 함수를 준비하는 일을 한다. ③ 배열에 값 추가 arr[0] = "aaa"; 등으로 값 추가된다. for 반복문 실행 순서는 ①~④까지 위와 같다. ②에서 true이면 ③으로 가고, false면 exit한다. 반복문 - for(... in..