[React.js] 리액트와 자바스크립트의 차이점

안녕하세요. 성조입니다.

 

개인적으로 학습한 내용들을 정리해서 객관적 정보와 주관적 정보를 정리하는 포스팅이므로 100% 맞는 정답이라 정의하기 어렵습니다. 그런 부분을 참고해 주시고 포스팅을 읽어주시면 감사드리겠습니다!

---

React.js란?

사용자 인터페이스 구축을 위한 Javascript 라이브러리이다.

 

이미 이전 포스팅에서 react의 간단한 얘기를 진행했다. 하지만 이번 포스팅에서 페이지 전환 없이 한 번에 이해할 수 있도록 공식 홈페이지에서 소개하는 문구를 발췌했다.

 

 

 

JavaScript란?

고급 해석 언어이며, 클라이언트 즉, 화면 개발에 널리 사용되는 언어이다. 객체 지향 프로그래밍과 함수형 프로그래밍을 모두 지원하며, 프로토타입 기반의 스크립트 언어로도 불린다. 또한 웹 애플리케이션 구축을 포함한 모바일 앱, 서버 사이드, 게임, 데스크톱 응용 프로그램 등 다양한 언어들을 구축할 수 있다.

 

 

React.js와 JavaScript 다른 점

프레임워크는 소프트웨어 개발 시 미리 정의된 구조와 규칙, 인터페이스 등을 활용해서 빠르게 개발을 도와주는 것이다. JavaScript는 React, Angular, Vue 등과 같은 다양한 프레임워크 기술들을 지원하는 프로그래밍 언어이다.

 

React의 경우 Facebook에서 만든 JavaScript 라이브러리이며, UI 화면을 구축한다. 또한 재사용이 용이한 UI 구성 요소들을 만들 수 있다.

 

React는 개발자가 JavaScript 파일에 HTML과 유사한 코드를 작성해서 (Header 또는 Footer 같은 영역에 들어가는 코드들을 재활용하는 경우) JSX라는 구문으로 UI 구성 요소에서 중복성을 제거하고 쉽게 관리할 수 있도록 도와준다.

 

사진과 같이 Javascript 내부에 React.js가 포함되어 있다.

 

React.js는 공식 문서에서는 라이브러리라고 언급되지만 실제로 React.js를 활용하는 사람들은 프레임워크로 부르는 경우도 존재한다.

 

---

부족한 포스팅 읽어주셔서 감사드립니다.

 

오타나 부족한 지식전달 부분이 있다면 언제든지 댓글 남겨주시면 감사드리겠습니다.

 

 

참조

https://namu.wiki/w/JavaScript

JavaScript - 나무위키

https://developer.mozilla.org/ko/docs/Web/JavaScript

JavaScript | MDN

https://ko.reactjs.org/

React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리