ReactJS Beginner Course 2025 | Learn React By Building a Website
- React는 Facebook에서 개발한 사용자 인터페이스 구축을 위한 JavaScript 라이브러리입니다. ⚛️
- JSX는 JavaScript와 HTML이 혼합된 형태로, React에서 UI를 반환하는 데 사용됩니다. ✍️
- React 컴포넌트는 UI를 반환하는 JavaScript 함수로, 애플리케이션의 재사용 가능한 구성 요소입니다. 🧩
- Props는 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달하는 데 사용됩니다. 👪
- React는 실제 DOM의 경량 복사본인 가상 DOM을 사용하여 UI 업데이트를 효율적으로 처리합니다. ⚡
- Vite는 React 프로젝트를 더 빠르게 빌드하고 실행할 수 있도록 도와주는 도구입니다. 🚀
package.json
파일은 React 프로젝트에 필요한 React 및 React DOM 버전을 포함합니다. 📦
index.html
파일은 React 앱의 템플릿 역할을 하며, root
ID를 가진 div 내부에 React 앱이 삽입됩니다. 📄
main.jsx
파일은 React DOM 라이브러리를 사용하여 app.jsx
컴포넌트를 root
div에 렌더링합니다. ⚙️
app.jsx
는 앱의 진입점이며, UI를 구축하고 다른 컴포넌트를 호출하여 앱을 확장하는 데 사용됩니다. 🚪