[React]리액트 실행방법

 

리액트 파일을 만드는 방법

 

(node.js를 우선적으로 다운받아야 합니다)

 

1. shift + 우클릭으로 리액트파일로 만들 폴더를 선택

2. powershell 창을 열고

3. npx create-react-app 프로젝트명 작성 후 엔터

4. 로딩이 끝나면 y를 누른후 엔터

5. Happy Hacking 이 나오면 생성 완료입니다.

 

파일이 너무 많은데 이 파일들은 무엇인가요?

 

node-moduels : 프로그램 짜는데 필요한 것 입니다. 

public : static 폴더입니다.

src : 소스폴더입니다 주로 여기서 작업을 진행합니다.

 

 

이거 라이브서버처럼 미리보기 할 수 있나요?

 

터미널 창을 열고 npm start를 입력합니다.

에러가 뜨면서 되지 않을시 cd 프로젝트명 을 입력합시다

디텍토리를 이동한다는 뜻인데  직관적으로 '나 이 폴더에서 작업하고 싶어' 란 뜻입니다.

 

 

 

 

파일이 생성되면

 

 

파일 생성후 app.js에 자동 생성되는 코드들

이렇게 나오는데 return()안에 내용들을 싹 날리고 작업하면 됩니다.