React란?

Web app 을 만들기 위해 react를 사용한다.

웹앱은 다른페이지로 넘어가거나 포스팅을 발행할 때 새로고침 되지 않고 동작하는 것을 말한다.

그래서 모바일앱으로 발행이 쉽고, 앱처럼 UX가 뛰어나다.

 

리액트 프로젝트 생성은 해당 폴더에 터미널을 열고,

npx create-react-app 프로젝트명 을 입력해주면 된다. 그런 후, 프로젝트명의 하위폴더를 다시 에디터에 열어서 거기다가 코딩해주면 된다.

 

그리고 src폴더의 App.js가 메인페이지가 된다. 그러곤, 미리보기를 하려면 프로젝트명을 확인 후(프로젝트명의 폴더로), npm start를 입력하면 된다.

 

App.js 가 메인페이지가 되는 원리는 App.js 를 index.js로 index.html에 다 박아넣어서 되는 원리이다.

 

그리고, public은 static(잘 바뀌지 않는 것)파일 보관함이다.

src는 소스코드 보관함이다.

package.json은 설치한 라이브러리 목록이다.