코드존 코드존

index.html해당 코드로 index.jsx 모듈을 적용.화면에 보이는 HTML 코드가 없는 이유는 해당 작업을 react가 담당하기 때문index.jsximport App from "./App.jsx"해당 코드로 마크업 파일 호출.   JSX 란..?Javascript Syntax Extension자바스크립트 문법 확장자...   JSX 확장자자바스크립트 파일 내에서 html 마크업 코드를 작성할 수 있게함브라우저에서 사용 불가jsx 확장자를 가진 파일은 브라우저에 도달하기 전에 개발 서버에서 변환컴포넌트리액트에서 컴포넌트는 자바스크립트 함수와 같음2가지 규칙을 따라 컴포넌트 생성함수의 제목은 대문자로 시작함수에서 렌더링 가능한 값이 반환 되어야 함대체로 나중에 렌더 될 html 마크업이 반

React + Typescript를 사용하여 프로젝트를 만들어보자. 1. 명령 프롬포트(cmd)를 사용해도 되고, 사용하는 개발 툴의 터미널을 사용해도 됨. npx create-react-app my-app --template typescript my-app : 프로젝트 명. 원하는 이름으로 수정 node version >= 14 (nvm 사용 권장) 2. 시작 npm start http://localhost:3000 으로 실행 3. 폴더 구조 my-app/ node_modules public/ favicon.ico index.html logo192.png logo512.png manifest.json robots.txt src/ App.css App.test.tsx App.tsx index.css in..