React & Vue

리액트랑 뷰 둘다 html 처럼 사용자 인터페이스 만드는 프레임워크라 보면 되겠다

이런걸 프론트엔드 프레임워크라 부르는 듯

 

html 과의 차이는 html 은 html, css, js... 이렇게 나눠서 개발했다면

얘네는 싱글 파일 컴포넌트라고 해서 한 파일에서 다 관리하는 방식이다

 

그냥 소스보기(F12) 해서 보면

리액트는 import 부분, style 부분, html 부분 이런식으로 나눠지는 특성이 있어서 알아보기 쉬운데

뷰는 잘 모르겠다

그냥 js 파일에 요런식으로만 보인다 

 

근데 실제 소스코드에서 보면 뷰(Post.vue)는 template, script, style... 이런 형식으로 생겼고

뷰(view)를 제어할 수 있는 방법은 v-if, v-for 등 뷰 문법밖에 없다고 한다

리액트(Post.js)는 import 가 딱 보이고 그냥 자바 스크립트 연산자 방식 사용해서 뷰(view)를 제어한다

↑ 참고 : https://imagineu.tistory.com/70

 

리액트랑 뷰 검색하면 가상돔(Virtual DOM)이란게 많이 나오는데

가상돔이란 돔 상태를 메모리에 저장해 놓고 데이터가 업데이트 되면

바뀐 부분만 실제 돔에 적용되도록 해서 성능을 향상 시키는 그런거라고 한다

↑ 참고 : https://dev-cini.tistory.com/10

 

무튼 리액트랑 뷰 둘다 가상돔 형식이고

뷰는 뷰 문법만 사용할 수 있으니까 자유도는 리액트가 더 높다고 할 수 있는데

리액트는 html 에서 jsx, css 에서 css-in-js 등 자바스크립트 문법을 알아야 하는데

뷰는 뷰 문법만 배우면 돼서 생산성이 빠르다고 함(이걸 러닝 커브가 낮다고 한다 쉽게 배운다는 뜻)

 

타입 스크립트라고 자바 스크립트에 타입을 설정해서 쓰는게 있는데

이거 쓸 때는 리액트가 더 편하다고 한다(아무래도 자바스크립트 문법 형식이니까?)

 

이게 타입 스크립트 

↑ 참고 : https://joshua1988.github.io/ts/why-ts.html