[JS] 1. JavaScript & React 개념

1) 자바스크립트(JavaScript)란?

 

 

JavaScript: 웹 사이트에 활력을 부여하는 언어. 

 

 

자바스트립트는 HTML, CSS와 더불어 웹을 개발하는 세 가지 언어 중 하나입니다. 

 

웹 사이트에 '활력'을 부여한다는 것은 어떤 의미일까요?

HTML이 요소들의 배치와 내용을 담당하고, CSS가 HTML로 작성한 요소들의 색,크기,애니메이션 등의 스타일링을 담당한다면, 자바스크립트는 웹 페이지의 모든 동적인 부분을 담당합니다. 즉, 자바스크립트는 웹 사이트를 실질적으로 움직이도록 하는 역할을 합니다.

 

자바스크립트를 이용하여  동적으로 콘텐츠를 바꾸고, 멀티미디어를 제어하고, 애니메이션을 추가하고, 서버로부터 데이터를 주고 받는 등 거의 모든 것을 만들 수 있습니다. 웹 페이지의 내용이 정적인 정보만을 보여주는 것이 아니라 주기적으로 갱신되거나, 사용자와의 상호작용이 가능하거나, 애니메이션이 적용된 그래픽을 볼 수 있다면 자바스크립트가 관여하고 있는 것입니다. 이러한 자바스크립트를 '웹을 움직이는 근육'이라고 표현하기도 합니다. 

 

 

 

 

 

자바스크립트는 자바스크립트 엔진을 통해 해석되고 실행됩니다.  이 엔진은 우리가 일상적으로 사용하는 사파리, 크롬, 마이크로소프트 엣지, 오페라, 파이어폭스 등의 웹 브라우저에 포함되어 있습니다. (구글 크롬의 V8이 가장 대표적인 엔진입니다.) 따라서 자바스크립트 엔진을 내장한 웹 브라우저는 자바스크립트가 실행되는 환경인 '실행 환경(runtime)'이라고 할 수 있습니다.  

 

 

---

 2) 리액트(React)란?

 

 

React: 자바스크립트(JavaScript) 의 오픈소스 라이브러리.

 

리액트는 가장 많이 쓰이는 자바스크립트의 라이브러리이자 사용자 인터페이스(UI)를 만들기 위한 프레임워크 중 하나입니다. 웹 및 모바일 앱의 view layer를 처리하는 데 사용되며, 재사용 가능한 UI 구성요소를 만들 수 있습니다.

 

리액트를 사용하지 않아도 웹 페이지를 만들 수는 있으나, 리액트와 같은 프레임워크를 이용하다면 훨씬 편리하고 효율적으로 코드 작성을 할 수 있습니다.