쓰는 이유
1. SPA = Single Page Application
하나의 페이지에서 동적으로 변하면서 많은 기능들은 가능케 한다.
홈페이지 따로, 로그인 페이지 따로 이런식이 아니라 하나의 페이지에서 변하며 기능들을 구현하게 하는것
2. 코드의 재사용을 쉽게 함
어떤 UI 한단위들을 COMPONENT화 하여 필요한 곳들마다 사용할 수 있게 해준다.
이는 복잡해져가는 웹페이지에서 코드의 가독성이나 유지보수에 도움을 준다.
차이점들
1. JSX(javascript extension)문법 사용
const hi = <p>Hi</p>;javascript처럼 생긴 것 같기도 하고 html처럼 생긴 것 같기도 하다.
javascript안에 html을 사용한 문법이라고 생각하면 된다.
jsx는 원래의 JavaScript 문법이 아니기 때문에 .js 파일내에 JSX 문법이 있으면 브라우저에서 해석하지 못한다.
React.js를 사용하기 위해 JSX 문법이 포함되어 있으면, 해당 파일을 정규 javascript 문법으로 변환시키는 컴파일 과정이 필요하다.
2. Vue.js, angular.js와 차이
우선 javascript, 순수 자바스크립트는 바닐라자바스크립트라고 불리운다.
그런데 자바스크립트만으로 웹페이지를 구현하다보니 복잡해졌고 처음 생겼던 것은 앵귤러js임.
Vue.js, angular.js는 프레임워크로 불린다. 리액트보다 많은 도구들을 기본으로 더욱 제공한다.
그것은 그만큼 간편하고 좋을 수도 있지만 리액트는 그렇기에 그만큼 자유로울 수 있다는 것.
jongsunPark.js