리액트란?
- 리액트는 싱글페이지 애플리케이션 프레임워크
- react, vue, svelt, angular
- 웹사이트의 서비스가 복잡해지며 프론트엔드 개발자 분리
- 첫 웹 애플리케이션 = gmail
애플리케이션과 사이트의 차이
- 애플리케이션은 사이트에 비해 다양한 기능을 포함하고 있음
- 프론트에서 데이터가 바뀌면 화면도 함께 바뀌는 기능
- 복잡한 웹앱의 데이터-화면의 불일치 해결
- 백엔드와 mvc 패턴으로 소통하며 해결하던 문제를 프레임워크로 단순화
리액트 장단점
- 화면 깜빡임 없애기, 화면-데이터 불일치 문제 해결
- 검색엔진 노출이 잘 안되는 단점
- HTML, CSS, JAVASCRIPT 기본 소양 공부 튼튼히
- 자바스크립트를 못하면 리액트도 못하게 됨
정리
- 리액트는 자바스크립트다
- 리액트는 데이터로 움직인다.
(데이터는 state, 화면은 return, 둘을 묶는 건 component)
- 화면에서 바뀔 부분은 state로 정의한다.