[javacript] 자바스크립트란? 자바스크립트 정의 및 기초 문법

자바스크립트란?

 

프로그래밍 언어 중 하나로, 브라우저가 알아들을 수 있는 언어이다.

 

모던 js 튜토리얼에선 다음과 같이 설명함

자바스크립트는 ‘웹페이지에 생동감을 불어넣기 위해’ 만들어진 프로그래밍 언어입니다.
자바스크립트로 작성한 프로그램을 스크립트(script) 라고 부릅니다.
스크립트는 웹페이지의 HTML 안에 작성할 수 있는데, 웹페이지를 불러올 때 스크립트가 자동으로 실행됩니다.
스크립트는 특별한 준비나 컴파일 없이 보통의 문자 형태로 작성할 수 있고, 실행도 할 수 있습니다.
이런 관점에서 보면 자바스크립트는 자바(Java)와는 매우 다른 언어라고 할 수 있습니다.

 

 

 

 왜 브라우저를 움직이게 하기 위해 JavaScript를 사용해야 하는가?

 

브라우저가 JavaScript를 주로 사용하는 이유는 역사적으로 JavaScript가 웹 브라우저에서 실행되는 스크립트 언어로 사용되어 왔기 때문이다. 웹 페이지의 동적인 기능을 구현하기 위해 JavaScript가 개발되었으며, 많은 웹 개발자들이 JavaScript를 사용하여 웹 애플리케이션을 구축하고 유지 관리해왔다. 결국 Javascript가 브라우저한테 명령을 내리는 '표준'이라고 생각하면 된다.

 

 Java와 JavaScript의 차이..?

 

인도와 인도네시아.

아무런 관련 없다.

 

 왜 JavaScript인가?

 

모던 js 튜토리얼에선 다음과 같이 설명함

처음 자바스크립트가 만들어졌을 때는 'LiveScript’라는 이름으로 불렸습니다. 그런데, 당시 자바의 인기가 아주 높은 상황이었습니다. 관련인들은 자바스크립트를 자바의 ‘동생’ 격인 언어로 홍보하면 도움이 될 것이라는 의사결정을 내리고 이름을 바꿨습니다.
이름은 자바에서 차용해 왔지만, 자바스크립트는 자바와는 독자적인 언어입니다. 꾸준히 발전을 거듭하면서 ECMAScript라는 고유한 명세를 갖춘 독립적인 언어가 되었죠. 자바스크립트는 자바와 아무런 연관이 없습니다.

 

 자바스크립트의 범용성

 

자바스립트는 프론트엔드뿐 아니라 백엔드(서버)도 만들 수 있다. 뿐만 아니라 IOS와 안드로이드 앱은 물론 게임 개발 엔진, IoT(사물인터넷) 애플리케이션 개발도 가능하다. 

 

 

Javascript  기초문법1

 

 변수와 기본 연산

 

변수 : 값을 담는 상자

프로그래밍 언어에서 '='은 같다의 개념이 아닌 오른쪽 값을 왼쪽에 대입한다는 의미.

 

let a = 2 
a = 'Bob' //문자열은 작은 따옴표로 감싸준다

//처음 변수 저장 시, let을 앞에 붙여야 함
//한번 선언했으면, 다시 선언하지 않고 값을 넣는다.

 

사칙연산과 문자 더하기

let a = 2
let b = 3

console.log(a+b) //5

let c = '대한'
let d = '민국'

console.log(c+d) //대한민국

 

 

Javascript 기초문법2

 

 리스트와 딕셔너리

 

리스트 : 순서를 지켜서 가지고 있는 형태

 

**컴퓨터는 0부터 세기 때문에 리스트에 들어있는 첫 번째 값은 [0]으로 불러 온다

let a_list = [] // 리스트를 선언. 변수 이름은 역시 아무렇게나 가능

// 또는,

let a = ['사과','수박','딸기','감'] //로 선언 가능

console.log(a[1]) //수박
console.log(a[2]) //사과

//리스트 길이 구하기
console.log(a.length) //4

 

 딕셔너리 : 키(Key)-밸류(Value) 값의 묶음

 

let a_dict = {} //딕셔너리 선언. 변수 이름은 역시 아무렇게나 가능

//또는,

let a = {'name':'영수', 'age':27} //로 선언 가능

console.log(a)
console.log(a['name']) //영수
console.log(b_dict['age']) //27

 

Javascript 기초문법3

 

반복문

let fruits = ['사과','배','감','귤']
fruits.forEach((a) => {
console.log(a)
})

 

조건문 

let age = 24

if (age > 20) {
console.log('성인입니다')
} else {
console.log('청소년입니다')
}

 

반복문 + 조건문

 

let ages = [12,15,20,25,17,37,24]
ages.forEach((a)=> {
  if (a > 20) {
    console.log('성인입니다')
  } else {
    console.log('청소년입니다') }
})

 

 

TIL

 

형식적으로만 알고 있던 자바스크립트에 대해 좀 더 깊이 파서 개념적인 부분까지 학습했다. 이번에도 역시 말로 설명할 수 있어야만 내 지식이라는 걸 깨닫게 된 시간이었음.