create-react-app2 2. 리액트로 클론 코딩 시작하기 create-react-app 이라는 보일러 플레이트로 리액트 개발을 시작해볼거다 먼저 리액트 앱을 만들어보자. movie_app_2020이라는 폴더가 생성될거다. yarn start를 입력하면 앱을 실행시킬수 있다. Ctrl + C 를 누르면 리액트 앱이 종료된다. 리액트는 우리가 작성하거나 수정한 프로젝트 폴더에 있는 코드를 자바스크립트를 이용하여 해석한다. 그리고 해석한 결과물을 index.html로 끼워 넣는다. 저 아이디가 root인 엘리먼트에 App 컴포넌트를 그린다고 생각하면 된다. 즉, App.js에서 작성한 코드를 index.html의 아이디가 root인 엘리먼트에 넣어주는거다. 리액트는 처음부터 모든 HTML을 그려넣지는 않기 때문에 빠르다. ※ 본 포스팅은 개인 공부 기록을 목적으로 .. 2020. 7. 25. [생활코딩] create-react-app 설치 npm으로 create-react-app 을 만들것이다. ※ 만약 설치 시 EACCES 에러가 발생한다면 저 명령어 앞에 sudo를 붙여준다. npm과 npx 차이 npm이 프로그램을 설치하는 프로그램이라면, npx는 이 create-react-app 이라는 프로그램을 임시로 설치해서 딱 한번 실행시키고 지우는 애라고 생각하면 된다. (공간을 낭비하지 않을수있고 매번 다운받아야되므로 최선버젼상태 유지가능) 이제 개발환경을 어디에 셋팅할것인지 알아보자. react-app이라는 폴더를 만들어서 cmd로 그 폴더가 있는 경로로 이동한 다음에 create-react-app . (점을 꼭 적어준다)이라고 입력하면 리액트 환경이 만들어진다. ※ 본 포스팅은 개인 공부 기록을 목적으로 남긴 글이며 본 사실과 다른 부.. 2020. 7. 25. 이전 1 다음
