[혼공스] Ch.01 자바스크립트 개요와 개발환경 설정

자바스크립트의 활용

• 웹 클라이언트 애플리케이션 개발

초기의 웹은 변하지 않는 정적인 글자들로만 이루어졌습니다. 웹은 하이퍼링크라는 매개체로 웹 문서가 연결된 하나의 거대한 책에 불과했습니다.

하지만 자바스크립트가 나오면서 웹 문서의 내용을 동적으로 바꾸거나 사용자의 마우스 클릭과 같은 이벤트 처리가 가능해졌습니다.

 

• 웹 서버 애플리케이션 개발

2009년 Node.js가 등장하면서 자바스크립트로 웹 서버 애플리케이션을 개발할 수 있게 되었습니다.

특징으로는

 

첫째, Node.js는 웹 서버 애플리케이션을 개발할 때 꼭 필요한 간단한 모듈만 제공합니다.

그래서 다른 스크립트 언어와 프레임워크(ex.파이썬과 장고, 자바와 스프링 등)를 사용할 때 보다 데이터 처리와 예외 처리 등이 조금 복잡합니다.

 

둘째, 하지만 Node.js는 빠릅니다.

다른 스크립트 언어와 프레임워크로 개발한 서버 애플리케이션이 10대의 컴퓨터가 있어야 접속자를 감당할 수 있다면 Node.js로 개발한 서버 애플리케이션은 1대로도 충분합니다. 서버 구매 비용과 유지 비용이 1/10로 줄어든다는 것은 기업으로서는 굉장한 이득입니다. 실제 링크드인에서 기존에 루비로 개발한 서버 애플리케이션을 Node.js로 교체해 다시 개발한 결과, 서버는 1/10로 줄었고, 속도는 20배 더 빨라졌다고 발표했습니다.

 

• 모바일 애프릴케이션 개발

모든 스마트폰에는 내부에서 기본으로 인식할 수 있는 공통된 프로그래밍 언어가 있는데, 자바스크립트가 대표적인 예입니다. 자바스크립트를 사용하면 하나의 애플리케이션만 만들어도 모든 스마트폰에서 동작하기 때문에 기업 입장에서는 제작 비용을 절반으로 줄일 수 있어 굉장히 매력적입니다.

그래서 페이스북에서는 자바스크립트로 네이티브 애플리케이션을 개발할 수 있는 리액트 네이티브를 만들어 공개했습니다. 이를 활용하면 자바스크립트만으로 모든 운영체제에서 빠르게 작동하는 네이티브 애플리케이션을 만들 수 있습니다. 안드로이드폰과 아이폰에 있는 페이스북, 인스타그램, 핀터레스트 ,우버 애플리케이션이 모두 자바스크립트로 만든 네이티브 애플리케이션입니다.

 

• 데이터베이스 관리

데이터베이스는 데이터를 저장할 때 사용하는 프로그램이라고 간단하게 표현할 수 있습니다. 데이터베이스는 보통 SQL이라는 프로그래밍 언어를 사용해 관리합니다. 일반적으로 알려진 Oracle, MySQL 등의 관계형 데이터베이스 관리 시스템(RDBMS)은 모두 SQL 프로그래밍 언어를 사용합니다. Not-Only-SQL이라고 불리며 등장한 NoSQL은 2010년 이후 페이스북, 트위터 등으로 인해 폭발적으로 증가한 빅데이터를 처리하기 위한 기술이며, 그중 MongoDB가 데이터베이스를 관히라 때 자바스크립트를 활용하는 대표적인 NoSQL 데이터베이스입니다.

 

알아두어야 할 기본 용어

 

• 표현식(expression)

자바스크립트에서 값을 만들어내는 간단한 코드를 표현식이라고 부릅니다.

ex)

273
10 + 20 + 30 * 2
'RintIanTta'

 

• 문장(statement)

하나 이상의 표현식이 모이면 문장이 됩니다. 문장 끝에는 마침표를 찍듯이 세미콜론(;)ㄷ 또는 줄바꿈을 넣어서 문장의 종결을 알려줍니다.

// 세미콜론을 사용한 문장 구분
10 + 20 + 30 * 2;var rintiantta = 'Rint' + 'Ian' + 'Tta';alert('Hello JavaScript..!');273;

// 줄바꿈을 사용한 문장 구분
10 + 20 + 30 * 2
let rintiantta = 'Rint' + 'Ian' + 'Tta'
alert('Hello JavaScript..!')
273

다음과 같이 줄바꿈과 세미콜론을 2가지 모두 입력하는 경우도 많습니다.

// 세미콜론과 줄바꿈을 함께 사용한 문장 구분
10 + 20 + 30 * 2;
let rintiantta = 'Rint' + 'Ian' + 'Tta';
alert('Hello JavaScript..!');
273;

하나의 표현식에도 문장의 종결을 의미하는 세미콜론 또는 줄바꿈을 넣으면 문장이라고 부릅니다.

 

이러한 문장이 모여서 프로그램(program)을 이룹니다.

 

• 키워드

자바스크립트가 만들어질 때 정해놓은 특별한 의미가 있는 단어를 키워드라고 합니다.

 

• 식별자

프로그래밍 언어에서 이름을 붙일 때 사용하는 단어입니다.

주로 변수명이나 함수명 등으로 사용됩니다. 자바스크립트 식별자를 만들 때는 다음 규칙을 반드시 지켜야 합니다.

 

1) 키워드를 사용하면 안 됩니다.

2) 숫자로 시작하면 안 됩니다.

3) 특수문자는 _와 $만 허용합니다.

4) 공백 문자를 포함할 수 없습니다.

 

식별자를 만드는 일반적인 관례

 

1) 클래스의 이름은 항상 대문자로 시작합니다.

2) 변수와 인스턴스, 함수, 메소드의 이름은 항상 소문자로 시작합니다.

3) 여러 단어로 이루어진 식별자는 각 단어의 첫 글자를 대문자로 합니다.

 

식별자의 종류

 

구분	단독으로 사용	다른 식별자와 사용
식별자 뒤에 괄호 없음	변수	속성
식별자 뒤에 괄호 있음	함수	메소드

 

• 주석

주석은 프로그램 코드를 설명할 때 사용하며 프로그램 진행에는 전혀 영향을 주지 않습니다.

코드의 특정 부분을 설명할 때 주석을 사용합니다.

 

1) HTML 태그 주석

<!--주석-->

2) 자바스크립트 주석

// 주석

/*
주석
주석
*/