리액트가 뭥미?
자바스크립트 라이브러리에요
리액트 왜 써요?
SPA (Single Page Application) 만들 때 써요
인스타그램, 토스, 네이버 바이브 이런 곳 가보면
막 뭐 클릭해도 페이지 전환이 일어나지 않고 부드럽게 동작합니다
이런 사이트를 Single Page Application이라고 부르는데
- html 1개만 씀
- 다른 페이지 보여주고 싶을 때, 해당 부분만 슥삭 바꿔서 보여줌
쌩자바스크립트로도 만들 수 있지만, 코드가 너무 길어지니까
React라는 JavaScript 라이브러리를 설치해서 사용한다고 합니다
그래서 리액트 쓴대요
다른 장점은 없나여?
html을 함수, array, object에 보관할 수 있읍니다
이 말인 즉슨, 재사용이 가능해여
프로젝트 커지면 관리하기 편할 듯
그리고 비슷한 문법으로 앱 개발도 가능함
React Native
마지막으로, 회사에서 많이 뽑음
자바스크립트로 HTML 구성을 제어하면,
DOM을 변형시키려고 이것저것 하잖아여
브라우저의 DOM Selector API로 특정 DOM에 이벤트가 발생하면 변화를 주는데
한 페이지에서 처리해야 할 이벤트가 다양해지면
관리해야 할 상태값도 많아지고, DOM 업데이트 규칙도 많아지고
여러모로 복잡해질 듯
허걱스~ 너무 복잡해~
근데 리액트 쓰면, 어떠한 상태가 바뀌었을 때,
다 날려버리고 새로 만듭니다
엥 그럼 개느릴거같은데
그래서 리액트는 Virtual DOM이라고, 가상 DOM 씀
걍 메모리에 가상으로 존재하는 DOM인데, 쉽게 말해서 그냥 JavaScript객체임
그래서 브라우저에서 보여주는 것보다 속도가 훨씬 빠름
뭐 업데이트 되면, 업데이트가 필요한 UI를 가상 DOM으로 렌더링하고,
천재들이 만든 알고리즘으로 실제 DOM이랑 뭐가 다른지 비교해서 패치한대여
