Programming/React12 [REACT] 코드 살펴보기 [REACT] REACT 란REACT리액트는 자바스크립트 라이브러리이다. 구조가 MVC, MVVM과 같은 다른 프레임워크등과는 다르게 오직 View만 처리하는 라이브러리이다.SPA란Single Page Application의 줄임말index.html하나만 로드하고hong-study.tistory.com코드 살펴보기index.jsconst root = ReactDOM.createRoot(document.getElementById('root'));root.render( );React.StricMode : 옛날 기능을 사용할때 경고를 출력하는 기능 root의 render함수는 App컴포넌트를 화면에 그리는 기능 App.jsimport React from 'react';import logo fro.. 2024. 5. 6. [REACT] REACT 란 REACT리액트는 자바스크립트 라이브러리이다. 구조가 MVC, MVVM과 같은 다른 프레임워크등과는 다르게 오직 View만 처리하는 라이브러리이다.SPA란Single Page Application의 줄임말index.html하나만 로드하고 실행시키는 구조이다.어떻게?번들러(Webpack)가 이 모든것을 해결한다.Webpack이란 어플리케이션을 동작시키는데 필요한 자원(JS파일들, CSS, Image 등)을 하나로 묶어서 조합하여 경량화 하여 결과물을 만들어 주는 도구이다.번들러는 node.JS를 통해 직접 설정 할 수 있지만, 리액트 프로젝트를 생성시 자동으로 포함된다.DOM ( Document Object Model )HTML을 이해하기 쉽도록 트리 구조로 만들어진 태그(객체)들이다. 리액트의 Virtu.. 2024. 5. 6. 이전 1 2 다음 반응형
