JavaScript basic

From 탱이의 잡동사니
Jump to navigation Jump to search

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