리액트공부2 [리액트]기본코드 정리 1. App.js - function App()이 리턴한 값이 id가 root인 곳의 아래로 들어갔다 2. index.js import React from 'react'; import ReactDOM from 'react-dom/client'; import './index.css'; import App from './App'; const root = ReactDOM.createRoot(document.getElementById('root')); root.render( ); - 뭔가를 화면에 그린다.-render - 안에 이라고 작성해서, App이라는 함수가 반환하는 값을, document의 id가 root인 요소의 밑에 render 하겠다. - 최상위 컴포넌트를 정의할 수 있다. 즉, App.js가 아닌.. 2022. 7. 19. [리액트]작업 환경 설정 1. node js, npm설치 - 크롬 v8 자바스크립트 엔진으로 빌드한 자바스크립트 런타임. - 웹 브라우저 환경이 아닌 곳에서도 자바스크립트를 사용하여 연산할 수 있게 함. - node js 설치하면, node js 패키지 매니저 도구인, npm이 설치됨 2. yarn 설치 - npm을 대체할 수 있는 도구로, npm보다 빠르고 효율적인 캐시 시스템과 기타 부가 기능을 제공. - ' npm install --global yarn ' 으로 설치 3. 에디터 설치 - 서브라임 텍스트, 브래킷, vs code, 아톰 등이 존재 4. git설치 5. create-react-app으로 프로젝트 생성하기 - yarn : yarn create react-app 프로젝트명 - npm : npm init react.. 2022. 7. 19. 이전 1 다음