JavaScript Prototype
Javascript Prototype123456789function Person(name) { this.name = name; this.sayHello = function(){ console.log(this.name); }}var foo = new Person('Lee'); foo의 prope
Javascript Prototype123456789function Person(name) { this.name = name; this.sayHello = function(){ console.log(this.name); }}var foo = new Person('Lee'); foo의 prope
Javascript Function 함수란 어떤 특정 작업을 수행하기 위해 필요한 일련의 구문들을 그룹화하기 위한 개념이다.(코드의 재사용) 함수의 기능 특정 작업을 수행하는 구문들의 집합을 정의하고 필요시에 호출하여 필요한 값 또는 수행 결과를 얻는다. 객체 생성, 객체의 행위 지정(메서드) 정보의 구성 및 은닉, 클로저, 모듈화 등의 기능을 수행할
Javascript Control Flow 1. 블록 구문(Block statement) 중괄호로 범위가 정해진 구문을 블록 구문이라고 한다. 1234567891011121314151617181920// 함수function foo() { var x = 1, y = 2; console.log(x + y);}foo();// 객체리터럴va
Javascript Data type & Variable 변수란? : 메모리 주소에 접근하기 위해 사람이 이해할 수 있는 언어로 지정한 식별자이다. 자료형은 데이터의 성질을 나타낸다. javascript 영역이 입력되는 값을 판단하여서 메모리에 저장한다. JavaScript는 동적 타이핑 언어로 변수의 Type annotation이 필요없이 값이
Javascript Object 1. 객체(Object)란? 자바스크립트는 객체기반의 스크립트 언어이며 이루고 있는 거의 모든것은 객체이다 객체 = 키 + 데이터 + 동작 이름(키) + 값으로 구성된 데이터(프로퍼티) + 동작을 나타내는(메서드) 1.1 프로퍼티(Property) 객체는 이름(name)과 값(value)의 쌍인 프로퍼티들을 포함하는 컨
Javascript Operator 1. 산술 연술자 (Arithmetic Operators)1234567891011121314151617var x = 5;var y = 2;var z;z = x + y; // 7z = x - y; // 3z = x * y; // 10z = x / y; // 2.5z = x % y; // 1z = x++; //
Javascript Coding 1. Computational thinking coding은 수행되어져야 하는 명령을 컴퓨터에 전달하는 일종의 커뮤니케이션이다. compiler은 인간의 언어를 컴퓨터 언어로 변환시킨다. 문제 해결 능력 : 요구사항을 명확히 이해한 후 해결과제가 일치하는 능력 2. Syntax & Semantics 컴퓨터가 이해할
Javascript Introduction 1. Introduction 웹브라우저에서 동작하는 유일한 언어이다. jQuery의 등장으로 DOM(Document Object Model)를 보다 쉽게 제어할 수 있게 되었다. javascript는 interpreter language 컴파일러가 필요없다 동시에 번역한다. 명령형, 함수형, 프로토타입 기반 객체지
Javascript Syntax basics 1. Hello world 정적인 HTML을 동적으로 변경할 수 있는 유일한 방법은 js를 사용하는 것이다. 1234function myFunction() { var myHeader = document.getElementById('demo'); myHeader.innerHTML =