[React.js] 처음 만난 리액트 2강 JavaScript 소개 및 자료

Contents

만약 웹사이트가 html만으로 구성되어 있다면, 사용자는 버튼을 누르거나 정보를 입력하는 등의 동적인 작업들을 처리할 수 없다. 그래서 이러한 동적인 작업들을 처리하기 위해 javaScript 사용

 

JavaScript

javaScript의 정식 명칭 : ECMAScript

그래서 버전을 매길 때 ECMAScript의 앞 글자를 따서 ES5, ES6 이런 식으로 이름을 지음

HTML과 JavaScript는 성격 자체가 매우 다름

HTML : 웹사이트의 뼈대 구성

JavaScript : 웹사이트가 살아 움직이도록 생명을 불어넣는 역할

우리가 흔히 스크립트 언어라고 부르는 언어들이 있는데 JavaScript는 이름에서도 알 수 있듯이 스크립트 언어의 한 종류.

 

스크립트 언어의 특징

 

다른 프로그래밍 언어와 스크립트 언어의 가장 큰 차이점

프로그래밍이 실행되는 런타임의 코드가 해석됨.

C언어나 Java같은 컴파일 언어 :  컴파일이라는 과정을 통해서 소스코드가 해석되고 실행 가능한 형태로 변환됨

JavaScript같은 스크립트 언어 : 런타임의 코드가 해석되고 실행됨

 

오랫동안 JavaScript는 웹사이트 개발에만 사용되었는데 최근에는 모바일 앱 개발을 위한 리액트 네이티브나 데스크톱용 앱 개발을 위한 electron 등에서도 JavaScript 사용. 이처럼 JavaScript의 사용 범위가 점점 넓어지면서 전 세계에서 가장 많이 쓰이는 프로그래밍 언어로 자리잡음.

 

JavaScript는 수없이 많은 변천사를 겪었음

우리나라 말에도 표준어와 방언, 즉 사투리가 있는 것처럼 JavaScript도 표준어와 방언이 뒤섞여서 수많은 개발자들이 고통을 받아옴.

그래서 표준버전으로 나온 것이 ES5, ES6(ECMAScript 2015, ES2015) 같은 것

 

JavaScript 문법

JavaScript의 자료형

자료형(Data Type) 

프로그래밍에서 데이터를 다루기 위해 미리 정해놓은 데이터의 유형

우리가 흔히 Integer, Array 등으로 부르는 것들

모든 변수들은 하나의 자료형을 갖게 되는데, 일반적인 프로그래밍 언어에서는 변수를 선언하는 시점에 해당 변수의 자료형이 결정됨

그런데 JavaScript에서는 변수를 선언할 때가 아닌 변수의 데이터가 대입되는 시점에 해당 변수의 자료형이 결정됨

 

Dynamic Typing(동적 타이핑)

위에서처럼 동적으로 자료형이 결정되는 것

JavaScript는 이 동적 타이핑 방식을 사용

따라서 JavaScript에서는 변수를 선언할 때 다른 프로그래밍 언어처럼 변수의 자료형을 먼저 쓰지 않고 var을 씀

 

var

변수를 의미하는 영단어인 variable

변수 선언 시 var 말고 let도 사용

두 가지 방식에는 차이점이 있다.

Var, Let, Const의 차이점은?

이 강의에서는 변수 선언 시 되도록 let 사용

 

실제로 JavaScript에서 사용하는 자료형을 살펴보자.

 

Object 타입

object 타입은 말 그대로 객체를 다루기 위한 자료형

여기에서의 객체는 다른 객체지향 프로그래밍 언어의 객체와는 의미가 조금 다름

JavaScript에서 객체는 key와 value로 이루어진 쌍의 집합을 의미

다른 프로그래밍 언어의 dictionary, map, HashMap 과 유사한 자료형

객체에 들어가는 키, 값, 쌍에서 

키 : 문자열

값 : 어떤 자료형이든 다 들어갈 수 있음

 

JavaScript의 자료형에 대해 더 알고싶고 궁금하다면 ...

JavaScript data types and data structures - JavaScript | MDN