😘 사용자 경험 향상
웹사이트는 사용자 경험이 부족하다. React는 사용자 경험을 강화시켜준다.
자바스크립트
- 자바스크립트는 사용자들이 보는 것을 조작할 수 있다.
- 브라우저에서 DOM이라 부르는 걸 조작한다.
- html에 요청하지 않고 조작하게 해주는 것이 자바스크립트이다.
자바스크립트는 모든 단계를 설명해야 하니 오래 걸린다.
=> 명령형 접근 방식
되풀이하는 코드를 너무 많이 반복해서 적는다.
🎨 React
자바스크립트 라이브러리가 React
- React는 프레임워크가 아니다.
- 내장된 기능들이 많지 않다. 라우터 등의 서드 파티 라이브러리를 설치해야 한다.
복잡한 사용자 인터페이스를 쉽게 만들 수 있도록 해준다.
react는 명령형 방식이 아닌 선언형 방식으로 작성한다. react가 대신 작성해준다.
📖 SPA(Single Page Applications)
싱글 페이지 어플리케이션이다.
- 자바스크립트를 활용해 페이지를 옮겨도 새로운 html을 요청하지 않는다.(페이지를 새로고침시키지 않고 부분만 바꾼다.)
- 또 다른 html을 요청하지 않는다.
📒 React의 대안
Angular
완벽한 컴포넌트 기반의 웹 프레임워크 - 너무 많은 기능이 있어 작은 프로젝트에는 과할 수 있다. 문법 또한 다르고 약간 다른 방식으로 동작한다.
Vue
Vue는 앵귤러와 리액트를 합쳐놓은 것
뷰 역시 UI 프레임워크 기능이 앵귤러보다 적고 리액트 보다 많다.
현재는 리액트가 가장 인기가 많다.
passionate developer