javascript
-
[javascript] 11. 객체(Objects) - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 14:29
JavaScript Objects 1. Real Life Objects, Properties, and Methods 현실세계에서, 차는 객체(Object)입니다. 차는 중량, 색깔과 같은 속성을 가지고 있고, 시동걸기, 출발, 브레이크 등의 메소드(Method)를 가지고 있습니다. ObjectPropertiesMethods car.name = Fiat car.model = 500 car.weight = 850kg car.color = white car.start() car.drive() car.brake() car.stop() [ 출처: W3Schools ] 모든 차는 같은 속성을 가지고 있지만, 속성 값은 각각 다릅니다. 또한, 같은 메소드(Method)를 갖지만, 수행하는 방식은 각기 다릅니다. 2...
-
[javascript] 10. 함수(Functions) - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 14:28
JavaScript Functions 함수는 특정한 일을 수행하기위해 블록(block)내에 설계된 코드입니다. 함수는 호출될 때 실행됩니다. 1234function myFunction(p1, p2) { return p1 * p2; // the function returns the product of p1 and p2} Colored by Color Scriptercs 1.JavaScript Function Syntax 함수는 함수(Function) 키워드 다음으로 이름, 다음으로 괄호() 를 통해 선언합니다. 함수 이름은 문자, 숫자, 언더바, 달러마크를 포함 할 수 있습니다. 괄호는 매개변수(Parameter)를 포함 할 수도 있습니다. (ex: (매개변수1, 매개변수2,....) ) 함수에서 실행되어..
-
[javascript] 9. 데이터 타입(Data Types) - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 14:27
JavaScript Data Types 문자열(String), 숫자(Number), 논리(Boolean), 배열(Array), 객체(Object) 1.The Concept of Data Types 프로그래밍에서, 데이터 타입(Data types)은 중요한 개념입니다. 변수를 계산(operate)하기 위해서는, 해당 타입을 아는 것이 중요합니다. 데이터 타입 없이는, 컴퓨터는 아래 식을 풀지 못 합니다. 123 var x = 16 + "Volvo" cs 자바스크립트에서는 어떻게 처리하는 지 예제를 통해 보겠습니다. 1234567891011121314151617 var x = 16 + "Volvo";document.getElementById("demo").innerHTML = x; Colored by Col..
-
[javascript] 8. 연산자(Operators) - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 14:26
JavaScript Operators 값을 변수에 할당하고 그 값들을 더하는 예제입니다. 123var x = 5; // assign the value 5 to xvar y = 2; // assign the value 2 to yvar z = x + y; // assign the value 7 to z (x + y)cs 1. JavaScript Arithmetic Operators산술 연산자는 변수와 값 사이의 산술 연산을 수행하기 위해 사용됩니다. OperatorDescription+Addition-Subtraction*Multiplication/Division%Modulus++Increment--Decrement[ 출처: W3Schools] 2. JavaScript Assignment Operators..
-
[javascript] 7. 변수(Variables) - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 14:26
1. JavaScript Variables 자바스크립트 변수는 자료를 저장하기 위한 컨테이너 입니다. 아래 예제에서 x, y, z는 변수입니다. 123var x = 5;var y = 6;var z = x + y;cs 2. JavaScript Identifiers 모든 자바스크립트 변수는 구별가능한 이름으로 식별되어야 합니다. 이러한 구별가능한 이름을 식별자라고 합니다. 식별자는 짧은 이름(x, y)이거나 좀 더 묘사적인 이름(age, sum, totalVolume)입니다. 이름짓는 일반적인 규칙은 아래와 같습니다. - 문자(letters), 숫자(digits), 언더바(underscore), 달러마크(dollar sign)을 포함합니다. - 문자(또는 달러마크, 언더바) 로 시작해야 합니다. - Case..
-
[javascript] 6. 주석(Comments) - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 14:25
자바스크립트 주석은 자바스크립트 코드를 설명하고, 가독성을 높히기 위해 사용됩니다. 또한, 대체 코드를 테스트하기 위해서 실행을 방지하는 용으로도 사용합니다. 1. Single Line Comments 단일 라인 주석은 // 로 시작합니다. 1234// Change heading:document.getElementById("myH").innerHTML = "My First Page";// Change paragraph:document.getElementById("myP").innerHTML = "My first paragraph.";cs 12var x = 5; // Declare x, give it the value of 5var y = x + 2; // Declare y, give it the valu..
-
[javascript] 5. 구문(Statements) - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 14:25
1. JavaScript Statements 아래 예제에서는 브라우저에 "Hello JS"를 작성하는 Statement임을 말해줍니다. id가 "demo"인 HTML 요소의 안에 넣습니다. 123456789101112131415 In HTML, JavaScript statements are "commands" to the browser. document.getElementById("demo").innerHTML = "Hello JS."; Colored by Color Scriptercs 2. JavaScript White Space 자바스크립트는 여러 공백을 무시합니다. 작성하는 스크립트에 공백을 추가해 가독성(readability)을 높힐 수 있습니다. 12var person = "Gangnam";va..
-
[javascript] 4. 문법(Syntax) - 자바스크립트 강좌Web/JavaScript 2015. 6. 13. 14:24
자바스크립트 문법은 어떻게 자바스크립트가 구성되는지에 대한 규칙입니다. - 컴퓨터 프로그램은 컴퓨터에 의해 실행되는 명령들의 집합입니다. - 프로그래밍 언어에서, 이러한 프로그램 명령들을 statement라 합니다. - 자바스크립트는 프로그래밍 언어(Programming language)입니다. - 자바스크립트 statements는 세미콜론(;)으로 구분됩니다. 예제. 1234567891011121314151617181920212223 JavaScript Statements Statements are separated by semicolons. The variables x, y, and z are assigned the values 5, 6, and 11: var x = 5;var y = 6;var z ..