자바스크립트
-
[javascript] 16. Numbers - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 14:36
JavaScript Numbers 자바스크립트는 숫자타입이 오직 한 개 입니다. 1. JavaScript Numbers 12var x = 34.00; // A number with decimalsvar y = 34; // A number without decimalscs 12var x = 123e5; // 12300000var y = 123e-5; // 0.00123cs 2. JavaScript Numbers are Always 64-bit Flo-ating Point 다른 프로그래밍 언어와는 다르게, 자바스크립트는 integers, short, long, floating-point 등의 다른 숫자 타입을 선언하지 않습니다. Value (aka Fraction/Mantissa)ExponentSign52 ..
-
[javascript] 15. 문자열 메소드(String Method) - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 14:35
JavaScript String Methods 1. Finding a String in a String indexOf() 메소드는 특정 문자열을 처음 발견하는 위치를 리턴합니다. 12345678910111213141516171819202122 Please locate where 'locate' occurs!. Try it function myFunction() {var str = document.getElementById("p1").innerHTML;var pos = str.indexOf("locate");document.getElementById("demo").innerHTML = pos;} Colored by Color Scriptercs lastIndexOf() 메소드는 특정 문자열의 마지막 위치를..
-
[javascript] 14. 문자열(Strings) - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 14:32
JavaScript Strings 자바스크립트 문자열은 문자열을 저장하거나 변경하는데 사용합니다. 1. JavaScript Strings 문자열은 어떤 문자든 따옴표안에 넣을 수 있습니다. 1234 var answer = "It's alright";var answer = "He is called 'Johnny'";var answer = 'He is called "Johnny"';cs 2. String Length 문자열의 길이는 속성 length로 알 수 있습니다. 12var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";var sln = txt.length;cs 3. Special Characters 문자열은 따옴표 안에 있어야 하므로, 자바스크립트는 아래와 같은 문자열을 잘못 인식 할..
-
[javascript] 13. 이벤트(Events) - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 14:31
JavaScript Events HTML 이벤트는 HTML 요소에서 발새하는 "사건"입니다. 자바스크립트가 HTML 페이지에서 사용된다면, 자바스크립트는 이러한 이벤트에 반응 할 수 있습니다. 1. HTML Events HTML 이벤트는 브라우저가 하는 일 또는 사용자가 하는 일이 될 수 있습니다. HTML 이벤트의 몇 가지 예제: - HTML 웹 페이지가 로딩을 끝 맞췄을 때 - HTML 입력 필드가 변경 되었을 때 - HTML 버튼이 클릭 되었을 때 종종 이벤트가 발생하면, 무언가 일을 하고 싶어합니다. 자바스크립트는 이벤트가 감지되었을 때, 코드를 실행할 수 있게 해줍니다. 12 The time is?cs 1The time is?cs 2. Common HTML Events EventDescripti..
-
[javascript] 12. 범위(Scope) - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 14:30
JavaScript Scope 자바스크립트에서, 객체와 함수는 또한 변수입니다. 범위(Scope)는 변수, 객체, 함수를 접근 할 수 있는 집합입니다. 1. Local JavaScript Variables 함수 내에서 선언된 변수는 함수의 LOCAL 변수가 됩니다. 지역 변수(Local variable)는 지역 범위(local scope)를 갖습니다: 지역 변수는 함수내에서만 접근 가능합니다. 123456789 // code here can not use carName function myFunction() { var carName = "Volvo"; // code here can use carName }Colored by Color Scriptercs 지역 변수가 함수 내에서만 인식되므로, 같은 이름의..
-
[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..