[FE - ConnecTo] DAY71 TIL👩🏻‍💻

22.10.24 스스로 공부한 내용들을 정리하였습니다 😊
피드백은 언제나 환영입니다! 🍊

React는 내부적으로 가상돔(Virtual DOM)이라는 것을 통해 변경된 부분만 업데이트 할 수 있게 함.

---

라이브러리(Library) vs 프레임워크(Framework)

프레임워크 : Web Application을 만들기 위해 필요한 여러가지 기능들을 제공함.

Web Application에서 공통적으로 필요한 기능들

• 라우팅
• 전역 상태 관리
• API 호출
• 빌드 시스템

리액트는 UI 라이브러리 이기 때문에 이와 같은 기능들을 직접 구현하거나 구축해야함!

• 라우팅 : react-router
• 전역 상태 관리 : redux, recoil, redux-thunk, redux-saga
• API 호출 : axios
• 빌드 시스템

이랬을 때의 장점과 단점이 있음.

• 장점 각자 환경에 맞거나, 마음에 드는 라이브러리를 선택하여 시스템을 구축할 수 있음.
  
• 단점 여러가지 라이브러리를 접하고 배워야해서 초기 진입 장벽이 있음.
  

---

React.createElement() 함수

const element = document.createElement(tagName[, options])
=> 지정한 tagName의 HTML 요소를 만들어서 반환함

const element = React.createElement(component, props, ...children)
=> ReactElement를 반환

• component (문자열 또는 리액트 컴포넌트) 문자열일 때는 HTML 태그를 의미함 ex)”div” 리액트 컴포넌트 ex)”FollowingButton”
  

• props (component가 가질 수 있는 옵션들) ex) style, className…
  

• ...children (component가 감싸고 있는 내부 컴포넌트) ex) “following” 등의 텍스트 리액트 컴포넌트 ex) “FollowingButton” ex) React.createElement(”p”, null, “hello”)
  

ReactDOM.render() 함수
=> ReactElement를 루트의 DOM 노드에 렌더링 하기 위해서 사용함