전체 글(26)
-
2. 소스 코드 수정하기
https://www.youtube.com/watch?v=XQ-XqLVJBwg&list=PLuHgQVnccGMCOGstdDZvH41x0Vtvwyxu7&index=3 1. 소스 코드 수정하기 리액트를 실행하면 나타나는 화면이다. 위 화면은 프로젝트 폴더의 src/index.js 코드를 불러와서 랜더링 해준 것이다. //index.js import React from 'react'; import ReactDOM from 'react-dom/client'; import './index.css'; import App from './App'; import reportWebVitals from './reportWebVitals'; const root = ReactDOM.createRoot(document.getEl..
2022.07.26 -
1. 리액트 개발환경 구축하기
https://www.youtube.com/watch?v=txX3bL22esU&list=PLuHgQVnccGMCOGstdDZvH41x0Vtvwyxu7&index=2 1. Node.js 설치하기 리액트를 설치하려면 nodejs를 설치하고 npx를 써야한다. npx는 npm의 단점을 해결한 패키지 설치 모듈이라는데 자세한 건 나도 모르겠다. pip와 비슷한 모듈인 것 같다. http://nodejs.org Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 위 홈페이지로 가서 LTS 버전을 다운을 받는다. 설치 방법은 그냥 next 누르고 finish 하기. 2. 리액트 설치하기 Node.js 를..
2022.07.26