React 2

React - 01 기본문법

React 기본 문법을 알아봐요 ! 1. Hellow World 출력 import React from "react"; import ReactDOM from "react-dom/client"; const root = ReactDOM.createRoot(document.getElementById('root')); root.render(Hello World); //Hello World 위와 같이 root에 리엑트돔을 생성해서 root에 render 시키면 출력이 됩니다. 2. JSX JSX는 React에서 사용되는 자바스크립트 문법 확장입니다. JSX는 HTML과 유사한 구문을 사용하여 UI 구성 요소를 만들 수 있게 해줍니다. 스크립트 안에 h1같은 태그도 사용을 할수 있어요 ! import React fr..

React 2023.05.10

REACT 맛보기 !

REACT를 같이 알아봐요 ! React는 Facebook에서 개발한 오픈 소스 자바스크립트 라이브러리로, 사용자 인터페이스를 만들기 위한 라이브러리입니다. React는 컴포넌트 기반 아키텍처를 사용하며, 이를 통해 재사용 가능한 UI 요소를 만들 수 있습니다. React는 Virtual DOM을 사용하여 빠른 성능을 제공합니다. 이는 변경된 부분만을 업데이트하고 렌더링하는 방식으로 작동합니다. 이러한 접근 방식은 기존의 DOM 조작 방식에 비해 빠른 업데이트와 높은 성능을 제공합니다. React는 또한 다른 라이브러리나 프레임워크와 함께 사용할 수 있습니다. 예를 들어, React Native는 React를 사용하여 네이티브 모바일 앱을 만들 수 있습니다. React는 현재 매우 인기 있는 라이브러리 ..

React 2023.05.09