노드

https://nodejs.org/en/

Node.js

다운로드 받습니다.

 

 

 

npx create-react-app my-react-practice

 

npx, create-react-app은 노드 명령어

react-practice는 폴더이름

 

react-preactice폴더에 리액트 프로젝트 생성

 

 

리액트 실행 구문

 

cd my-react-practice npm start

 

 

npm start

 

 

 

파일의 구조입니다.

리액트 파일 구조를 익히도록 하자.

파일을 임포트 하는 것은 비슷하다.

 

이러하다. js파일에 css를 임포트 하여 모양을 꾸민다.

 

 

 

css파일도 복잡할 것 없이 id나 class로 불러와서 경로를 정확히 선택하고 모양을 꾸미면 된다.