[개념 정리] 자바스크립트

자바스크립트

1. 유일한 웹 브라우저 언어. 단순 애니메이션(애니메이션 gif, CSS 애니메이션) 이상의 무언가를 하기 위해서는 JavaScript가 반드시 필요하다.

2. 스크립트 언어: 새로운 프로그램을 만드는게 아니라 기존에 이미 존재하는 프로그램(여기서는 웹 브라우저)을 제어하기 위한 용도로 쓰이는 언어

3.인터프리터 언어

---

IDE

비주얼 스튜디오 코드

 

---

프론트엔드 - JSON - 백엔드

프론트앤드: 사용자 인터페이스를 개발. 웹 브라우저.

백앤드: 데이터베이스와 API 개발. 자바의 스프링, 스프링부트. 파이썬의 장고, 플라스크. 자바스크립트의 익스프레스.js. MySQL.

 

---

플랫폼: 프로그램이 실행되는 환경. 특정 플랫폼(여기서는 Node.jx) 위에서도 라이브러리와 프레임워크가 돌아갈 수 있다.

 

Node.js: 스크립트 언어인 자바스크립트로도 새로운 프로그램을 만들 수 있게 해주는 플랫폼. 프론트엔드 언어인 자바스크립트로 백엔드까지 작성 가능.

npm(Node.js Package Manager): 파이썬의 pip처럼 Node.js의 패키지를 관리할 수 있는 도구

---

유명한 자바스크립트 라이브러리들

 

리액트: 프론트엔드 라이브러리. Virtual DOM으로 웹페이지를 만들때 코드 추가나 수정시 변화를 한 번에 볼 수 있다. 웹 프론트엔드 개발의 표준.

JSX(JavaScript eXtension): React에서 HTML을 표현할 때, JSX를 사용

 

리액트 네이티브: React의 문법으로 안드로이드, iOS 앱을 개발할 수 있는 프레임워크

---

유명한 자바스크립트 프레임워크

 

익스프레스.js: Node.js를 위한 빠르고 개방적인 간결한 웹 프레임워크

---

문서 객체 모델, DOM(Document Object Model): 문서인 HTML을 객체로 변환하여 프로그램에서 조작할 수 있게 해준다. 프로그램이 웹페이지를 조작할 수 있도록 API를 제공하는 웹페이지 인터페이스. 

 

자바스크립트 객체 표기법, JSON(JavaScript Object Notation): JavaScript 객체 표기법의 부분집합이기 때문에 웹 브라우저 레벨에서 참 쉽게 해석할 수 있으며, 모양과 규칙 자체가 단순한 관계로 다른 언어에서 구현하기도 쉽다. 그래서 오늘날 사용되는 거의 모든 프로그래밍 언어에서 사용가능하다. 

---

타입스크립트: 약타입 언어인 자바스크립트의 타입 시스템의 구멍을 메우기 위해 나왔다. 그렇게 강타입 언어가 된 타입스크립트는 코드의 견고함을 강점으로 내세우고 있다. 숫자나 문자열 등의 변수를 완벽히 구분해 같이 연산이 되지 않게 함으로써 변수의 타입을 지키게 한다.

---

REST(Representational State Transfer): 네트워크에서 통신을 구성할 때 이런 구조로 설계하라는 지침

REST API:  '웹' 기반의 전송을 위해 쓰이는 경우가 대부분이다. 태생 자체가 데이터 송수신에 최적화 되어 있다보니 이를 위한 웹 API 쪽에서 굉장히 많이 쓰인다. 이를 'REST API'라고 부르는데, 이제는 그냥 '웹 API'와 동일하다고 볼 수 있을 정도로 보편화되었다. 어디선가 HTTP기반의 웹 API를 구현한다면 십중팔구는 REST를 준수하는 RESTful API라고 보면 된다.