카테고리 없음

react 사용법

tnfejr0951 2021. 5. 15. 17:41

 

마찬가지로 비쥬얼 스튜디오 코드를 켜고

 

 

비쥬얼 스튜디오 코드 터미널에 npx creat-react-app 폴더이름을 쳐주면

비쥬얼 스튜디오 코드에서 자동으로 리액트를 만들어 줍니다. 

 

제대로 코드가 작동됬다면 위와같은 폴더들이 생긴걸 볼 수 있다.

 

 

src 폴더 안에 있는 app.js 파일로 코드를 작성하면 된다.

 

실시간으로 리액트의 작업 현황을 보고 싶다면,

터미널에 ( 경로는 반드시 리액트로 만들어 둔 blog로 )

npm start 입력해주면 크롬 브라우저로 작업중인 리액트의 웹페이지가 나오게 된다.

 

만약 자동으로 안나온다?

 

 

아래에 있는 로컬 주소를 그대로 복붙해주면 됌.

 

 

src 폴더 안에 있는 app.js가 메인 페이지지만, app.js를 확인해보면 뭐 아무것도 없다.

 

public 폴더 안에 있는 index.html 파일에서 app.js의 정보를 받아 사용되고 있는 것.