Code_Jins 📚 열심히 공부하고 기록해서 남주자!

⭐React 작동 흐름1️⃣HTML 진입점 ( index.html ) 브라우저가 HTML을 읽을 때 id="root"인 "div"를 DOM에 생성하고 main.tsx파일을 모듈로 불러온다.2️⃣main.tsx - React 앱 진입점import { createRoot } from 'react-dom/client'import App from './App'createRoot(document.getElementById('root')!).render() document.getElementById('root')로 위 HTML의 div#root를 DOM에서 가져옴createRoot(...).render()는 그 안에 React 앱(컴포넌트 트리의 루트) 를 렌더링3️⃣App.tsx - 최상단 컴포넌트export d..

React란? 페이스북에서 만든 Javascript라이브러리 Single Page/Mobile Application의 개발을 위해 활용 페이스북, 인스타그램, 넷플릭스를 포함한 많은 서비스에서 이용중 React의 특징 프레임워크가 아닌 라이브러리 프레임워크 : 원하는 기능 구현에 집중하여 개발할 수 있도록 필요한 기능을 갖추고 있는 것, 일정한 형태를 가지고 다양한 형태의 결과물을 만드는 것 라이브러리 : 소프트웨어를 개발할 때 프로그래밍 사용하는 비휘발성 자원의 모임, 공통으로 사용될 수 있는 특정한 기능들을 모듈화한 것 코드의 재사용성이 높음 Virtual DOM: 전체 DOM(Document Object Model)을 다시 그리지 않는다 리액트 컴포넌트에서 render를 다시 호출하여 얻은 retu..