[TIL] JavaScript 기초 - JS 언어의 특징과 역사, 표현식과 문, 함수 생성

 

JavaScript 언어의 특징과 역사

 

 

JS의 역사

1995년에 탄생한 브라우저 동작 스크립트 언어.

 

2005년 AJAX 등장

AJAX : JS 기반의 기술. 페이지 전체가 아닌 일부분만 새로고침할 수 있게 함.

 

비동기 웹 애플리케이션 개발 가능

 

UX(User Experience, 사용자 경험) 향상

 

2008년 V8 엔진 출시(google)

브라우저 속도 향상(코드 실행 속도 상당 부분 개선)

 

2009년 Node.js 등장, 서버 개발 활성화

FrontEnd + BackEnd + DB(MongoDB) = FullStack

 

2015년 ECMAScript6(ES6) 버전 출시

 

2016년 프론트엔드 프레임워크(React, Vue, Angular) 대중화, SPA 개발 활성화

 

현재 자바스크립트는 프런트엔드 및 백엔드 개발 분야에서 널리 사용되며, Node.js를 이용한 서버 개발도 활발하게 이루어지고 있다.

 

 

 

JS의 특징

 

1. 객체 지향(↔︎절차 지향) 프로그래밍 언어이다.

어떠한 역할을 가지고 있는 데이터와 함수를 객체라는 그룹으로 묶어서 처리한다. 묶은 그룹은 다른 곳에서 재활용할 수 있다.

객체는 상태와 행동을 가지고 있으며, 상태는 객체의 속성(property)라고도 한다.

 

2. 동적 타이핑 언어이다.

변수를 선언할 때 타입을 지정하지 않고 런타임 시점(프로그램이 실행될 때)에 지정된다.

 

3. 함수형 프로그래밍을 지원한다.

함수를 사용해서 프로그래밍 할 수 있다.

 

4. 비동기 처리가 가능한 프로그래밍 언어이다.

 

5. 클라이언트 측 및 서버 측 모두에서 사용 가능하다.

Node.js가 등장하며 JS가 브라우저 밖으로 영역을 확장했다.

이를 통해 웹 개발 전반에 걸쳐 자바스크립트를 활용할 수 있다.

 

 

---

 

JavaScript 표현식과 문

 

표현식 ⊂ 문 ⊂ 프로그램

 

문(Statement)

: 코드의 문장. 표현식이 모여 문이 되고 문이 모여 프로그램이 된다.

 

표현식(Expression)

: 코드를 구성하는 최소한의 정의.

: 값(변수 할당)으로 평가된다.

: 문의 일부일 수도 있고, 문 자체일 수도 있다.

 

값(Value)

: 표현식이 평가되어 생성된 결과.

 

세미콜론(;)

: 문의 종료를 나타낸다.

 

 

---

 

JavaScript 함수 생성

 

함수 선언식

function 함수명() {}; //함수 생성

 

함수 표현식

var 변수명 = function () {}; // 함수 생성

변수명(); // 함수 호출

🔫 함수 생성 ≒ 총 만들기 : 총을 만들기만 하면 아무 일도 일어나지 않음. 함수 생성만으로는 변화가 없다.

🎇 함수 호출 ≒ 총 쏘기 : 방아쇠를 당겨 총을 쏴야 사건이 일어난다. 함수를 호출해야 코드가 실행됨.