YTCW

import React from 'react' //! 배열(list) 렌더링// >> map, filter export default function Rendering02() {  const people = ['이승아', '이도경', '윤대휘', '정규민', '김소빈'];   const peopleDescription = [    {      id: 0,      name: '이승아',      job: 'developer'    },    {      id: 1,      name: '이도경',      job: 'operation'    },    {      id: 2,      name: '윤대휘',      job: 'business'    },    {      id: 3,      name:..

프로젝트 파일에서 npm run start app.tsx에 함수 function App() {} exprot defalut App; 내보내는 코드를index.tsx 에서 import App from "./App";으로 받아온다.그리고const root = ReactDOM.createRoot(// ReactDOM.createRoot()는 리액트 18부터 도입된 함수로, 리액트 컴포넌트를 렌더링할 루트 DOM 노드를 생성합니다.// ReactDOM.createRoot()는 이 root 요소를 기반으로 리액트가 관리할 가상 DOM과 실제 DOM을 연결하는 작업을 시작합니다.  document.getElementById('root') as HTMLElement// document.getElementById('r..

현 프로젝트 최상위 폴더에서 설치npx create-react-app my-app --template typescript 파일명 바꾸려면 my-app 으로 생성된 폴더 이름 변경하고 사용하기생성할떄부터 폴더 이름 지정하면 충돌날 가능성이 있다. my-app├── README.md├── node_modules├── package.json├── .gitignore├── public│ ├── favicon.ico│ ├── index.html│ ├── logo192.png│ ├── logo512.png│ ├── manifest.json│ └── robots.txt└── src ├── App.css ├── App.js ├── App.test.js ├── index.css ├── index.js ├── logo.s..