티스토리 뷰

React

🧩 React ?

baegofda_ 2020. 12. 21. 18:22

React ?

    - 2013년 페이스북에서 만든 자바스크립트 라이브러리로 에어비앤비, 넷플릭스, 인스타그램 등등 사용

프레임워크와 라이브러리? -> 2020/12/21 - [지식] - 💡 Framework & Library & API ?

 

💡 Framework & Library & API?

✨ 제어 흐름에 대한 주도성이 누구에게 있는가 !?   - 프레임워크는 전체적인 흐름을 스스로가 쥐고있으며 사용자는 그안에 필요한 코드를 짜 넣는다. 반면에 라이브러리는 사용자가 전체적인

baegofda.tistory.com

    - 사용자 정의태그 즉, 컴포넌트 단위로 사용되어 가독성, 유지보수, 재사용성이 뛰어나다.

    - 다양한 이벤트에 맞게 반응하게 만들어졌다.

    - MVC 패턴중 View를 담당한다.

    - React-native를 이용한 모바일 app제작이 가능하다.

Concept

    - component로 이루어진 UI 라이브러리

    - state와 render 함수로 stare 가 변화하면 해당하는 render 함수가 실행된다.

💡 Virtual DOM Tree ?

    - React는 기존의 DOM Tree 뿐만아닌 Virtual DOM Tree 라는 가상의 Tree가 존재한다.

state의 변화로 render함수가 호출되어야 하는 순간이 오면 실질적으로 변화되는 부분만

Virtual DOM Tree에서 계산을 한 후 DOM Tree에 적용이 되기에 성능에 문제가 없다.

DOM Tree가 뭐지 ? -> 2020/12/23 - [지식] - 🤷‍♂️ What's DOM ?

 

🤷‍♂️ What's DOM ?

💡 돔(DOM)이란 무엇일까? - 문서객체모델 DOM(Document Object Model)은 브라우저에 내장되어있는 web API이다. 웹페이지를 접속을 하면 개발자가 작성한 html코드를 브라우저가 이해 할 수 있는 node라는 ob

baegofda.tistory.com

 

'React' 카테고리의 다른 글

😏 useEffect  (0) 2021.08.16
🛠 에러 픽스하기 - 데이터 변환  (0) 2021.07.08
🙎‍♀️ 조건부 렌더링  (0) 2021.04.05
😯 useState()는 동기? 비동기?  (0) 2021.04.01
🤬 CORS? 그게 뭔데 !  (0) 2021.01.27
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
«   2025/01   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함