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 =
CSS-Selector , 를 사용하여서 여러개의 selector를 지정할 수 있다.1h1, p {color: red; } 1. Universal Selector (전체 셀렉터) 를 사용하여서 모든 selector를 선택한다.12/* 모든 요소를 선택 */* { color: red; } 2. Tag
#CSS-Syntax CSS는 HTML요소의 style을 표현한다. 1.Selector(선택자) styling하려는 요소를 선택한다. 태그명, id(#), class(.) 명으로 가져올 수 있다. 2. Property(속성) ;를 사용하여 여러개의 property를 지정할 수 있다. 3. Value(속성 값) property에 따라서 특정 값을 입