리액트의 장점
1. Singlepage application: 일반적인 다중 페이지 애플리케이션(Multi-Page Application, MPA)은 각각의 페이지에 해당하는 별도의 HTML 파일을 서버에서 받아와 전체 페이지를 새로고침 한다. 반면, 싱글 페이지 애플리케이션은 초기에 필요한 리소스를 한 번 로드한 후, 애플리케이션 내에서 페이지 전환이 발생해도 전체 페이지를 새로고침하지 않고 필요한 데이터만을 가져와서 새로운 콘텐츠를 표시한다(useState). 이러한 방식으로 사용자 경험을 개선하고 웹 애플리케이션의 성능을 향상시킬 수 있다.
2. 컴퍼넌트 기능을 html을 재사용을 가능하다.
JSX란 무엇인가?
자바스크립트 안에서 html 파일을 사용하는 것이다.
기초적인 jsx문법: html 컴퍼넌트의 css요소를 사용 할 때 class 대신에 className을 사용하다. 자바스크립트의 class와 혼동 할 수있기 때문이다. 변수를 넣을 때(데이터 바인딩)는 중괄호를 사용한다.
<></>
의미 없는 div 대신 <></>을 사용가능하다.
let post ='hello world';
Document.querySelector('h4').innerHTML = post;
기존 자바스크립트 문서를 html 파일에 저장하는 방법
리턴에 병렬로 2개 태그 금지 why 리턴 값은 하나만 반환되어야 한다.
React의 꽃 useState()
변수의 상태를 관리한다. useState의 상태 값이 변경이되면 html파일이 재 렌더링이 된다. 중요!!! useState()는 메모리 주소 값이 변경이 되어야지 새로운 상태로 인식된다.
