e:I[86069,["6841","static/chunks/app/p/%5Bid%5D/page-4bec94ee790807ae.js"],"default"] f:T7ba,$$config title: [리액트] 리액트 기본 명령어 keywords: - 명령어 $$ # 코드펜 -> HTML에 기본적으로 입력되어야할것 ```html

``` 1 . 엘리먼트를 만들어줌 * 엘리먼트란 위의 코드 처럼 테그를 열고 닫는것을 말한다. # 코드펜 -> 자바스크립트에 기본적으로 입력되어야할것 ```js console.clear(); import React, { useState, useEffect } from "https://cdn.skypack.dev/react"; import ReactDOM from "https://cdn.skypack.dev/react-dom"; function App() { return <>안녕하세요.; } ReactDOM.render(, document.getElementById("root")); ``` 1 . console.clear(); -> 코드펜으로 코드를 구성하려면 맨 처음에 작성해주는 것이 좋음(화면을 지우는것) 2 . 필수 명령어 1 ) import React, { useState, useEffect } from "https://cdn.skypack.dev/react"; 2 ) import ReactDOM from "https://cdn.skypack.dev/react-dom"; * 외부에서 정보를 가져와야함(리액트 관련 정보) 3 ) function App() { return <>안녕하세요.;} * 안녕하세요 앞에 있는 <>는 '<>'가 입력된 다음줄부터 자바안에서 리액트를 작성할 수 있게하는 명령어 / 로 명령어를 닫는다. * 앱을 만들기 위한 함수를 만드는 것 4 ) ReactDOM.render(, document.getElementById("root")); * ```js ``` : 앱테크를 열고 닫은것과 같은 효과를 가진다. 테그 안에 내용이 없다면 'App /' 처럼 줄여쓰는게 좋다. ```js ``` : 앱을 실행시킨다. * document.getElementById("root") : ID가 "root"인 엘리먼트를 검색해라라는 뜻으로 이 문장을 실행하면 HTML에 있는 root가 실행된다. - [간단요약] 나는 앱을 실행하겠다. 그 실행하는것을 root에다 두겠다. 여기있는 root는 HTML에