JavaScript basic: Difference between revisions

From 탱이의 잡동사니
Jump to navigation Jump to search
m (Pchero moved page Java script basic to JavaScript basic without leaving a redirect)
 
(5 intermediate revisions by the same user not shown)
Line 2: Line 2:
JavaScript 기초 내용 정리.
JavaScript 기초 내용 정리.


[[category:javascript]]
== Basic ==
자바스크립트(JavaScript)는 객체(Object) 기반의 스크립트 언어이다. HTML 로는 웹의 내용을 작성하고, CSS 로는 웹을 디자인하며, 자바스크립트로는 웹의 동작을 구현할 수 있다. 자바 스크립트는 주로 웹 브라우저에서 사용되나, 다른 프레임 워크를 사용하면 서버쪽에서도 사용할 수 있다.
 
자바스크립트는 다음과 같은 특징을 가지고 있다.
* 객체 기반의 스크립트 언어이다.
* 동적이며, 타입을 명시할 필요가 없는 인터프리터 언어이다.
* 객체 지향형 프로그래밍과 함수형 프로그래밍을 모두 표현할 수 있다.
 
또한, 자바스크립트는 다음과 같은 일을 할 수 있다.
* HTML 요소의 내용을 손쉽게 변경할 수 있다.
* HTML 요소의 속성값을 간단히 변경할 수 있다.
* HTML 요소의 스타일을 쉽게 변경할 수 있다.
 
== Syntax ==
 
=== New line ===
각각의 라인들은 세미콜론(;)으로 구분된다.
<source lang=javascript>
var x = 10;
var result = x + 3;
</source>
 
=== Variables ===
자바스크립트는 대소문자를 구분한다. 따라서 변수나 함수의 이름, 예약어 등을 사용할 때는 대소문자를 정확히 구분해서 사용해야 한다.
<source lang=javascript>
var javascript = 10;  // 변수 javascript 와 JavaScript 는 서로 다른 두 개의 변수로 인식된다.
var JavaScript = 20;
Var Script = 30; // 변수의 선언은 var 키워드로만 할 수 있으며, Var 는 동작하지 않는다.
</source>
 
=== Literal ===
리터럴은 직접 표현되는 값 그 자체를 의미한다.
<source lang=javascript>
12              // 숫자 리터럴
"JavaScript"    // 문자열 리터럴
'Hello'        // 문자열 리터럴
true            // 불리언 리터럴
</source>
 
== Libraries ==
=== Grid ===
괜찮은 그리드 관련 라이브러리.
* http://gijgo.com/grid - Free, Gijgo Grid
* http://backgridjs.com/ - Free, Backgrid.js
* http://code.google.com/p/flexigrid/ - Free, Flexigrid
* https://sourceforge.net/projects/jqgridview/ - Free, jqGridView
* http://reconstrukt.com/ingrid/ - Free, Ingrid
* http://github.com/mleibman/SlickGrid - Free, SlickGrid
* http://www.datatables.net/ - Free, DataTables
* https://github.com/shieldui/shieldui-lite - Free, Shield UI Lite Grid
* http://fancygrid.com/ - Paid, Fancy Grid
* http://www.trirand.com/blog/ - Paid, jQuery Grid
* http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/index.htm - Paid, jqxGrid
* https://demos.shieldui.com/web/grid-general/basic-usage - Paid, Shield UI Grid
 
== See also ==
* http://tcpschool.com/javascript - TCP School javascript
 
[[category:JavaScript]]

Latest revision as of 11:07, 14 November 2017

Overview

JavaScript 기초 내용 정리.

Basic

자바스크립트(JavaScript)는 객체(Object) 기반의 스크립트 언어이다. HTML 로는 웹의 내용을 작성하고, CSS 로는 웹을 디자인하며, 자바스크립트로는 웹의 동작을 구현할 수 있다. 자바 스크립트는 주로 웹 브라우저에서 사용되나, 다른 프레임 워크를 사용하면 서버쪽에서도 사용할 수 있다.

자바스크립트는 다음과 같은 특징을 가지고 있다.

  • 객체 기반의 스크립트 언어이다.
  • 동적이며, 타입을 명시할 필요가 없는 인터프리터 언어이다.
  • 객체 지향형 프로그래밍과 함수형 프로그래밍을 모두 표현할 수 있다.

또한, 자바스크립트는 다음과 같은 일을 할 수 있다.

  • HTML 요소의 내용을 손쉽게 변경할 수 있다.
  • HTML 요소의 속성값을 간단히 변경할 수 있다.
  • HTML 요소의 스타일을 쉽게 변경할 수 있다.

Syntax

New line

각각의 라인들은 세미콜론(;)으로 구분된다. <source lang=javascript> var x = 10; var result = x + 3; </source>

Variables

자바스크립트는 대소문자를 구분한다. 따라서 변수나 함수의 이름, 예약어 등을 사용할 때는 대소문자를 정확히 구분해서 사용해야 한다. <source lang=javascript> var javascript = 10; // 변수 javascript 와 JavaScript 는 서로 다른 두 개의 변수로 인식된다. var JavaScript = 20; Var Script = 30; // 변수의 선언은 var 키워드로만 할 수 있으며, Var 는 동작하지 않는다. </source>

Literal

리터럴은 직접 표현되는 값 그 자체를 의미한다. <source lang=javascript> 12 // 숫자 리터럴 "JavaScript" // 문자열 리터럴 'Hello' // 문자열 리터럴 true // 불리언 리터럴 </source>

Libraries

Grid

괜찮은 그리드 관련 라이브러리.

See also