반응형 Project23 3 - 리액트 앱 실행 1. 리액트 실행하기 cmd에서 만든 폴더 경로로 이동후 ex) C:\user\mio\만든 폴더 이름 npm start 입력후 기다리면 아래와 같이 나오면 완료 Compiled Successfully! 라는 문장이 보이면서 브라우저가 켜지면서 리액트 로고가 나타남. 2. 리액트 앱 종료하기 cmd로 돌아와서 ctrl + C 누르면 앱이 종료됨. ※vs코드에서 통합 터미널 실행법 터미널(T) > 새 터미널 누르거나 Ctrl + Shift + ` 2020. 12. 2. 2 - 프로젝트 폴더(보일러 플레이트) 1. create-react-app cmd에서 리액트 앱 만들고 싶은 곳 이동 (기본 C드라이브) cmd창에 npx create-react-app [폴더명] ※npx create-react-app react_app_2020 설치 시간이 조금 걸린다. 설치가 완료되면 해당 설치 경로로 가서 파일확인. 위와 같은 파일들이 만들어지면 성공. 2. 비쥬얼 스튜디오 코드(vs코드)에서 파일 위치 잡기 vs코드에서 파일 > 폴더열기 에서 만든 폴더를 선택 vs코드에 해당 폴더의 파일 트리들이 뜬다. 3. README.md 파일 수정 vs코드에서 루트 폴더에 있는 README.md 선택해서 내용 모두 지움 새로 입력 # Movie App 2020 React JS Fundmentals Course 2020 입력후 저장.. 2020. 12. 2. 1 - 기본 설정 - node.js 설치 및 npm, npx 1. node 설치 nodejs.org/ko/ 파일 받고 실행 후 next 눌러서 설치. 2. 로컬영역에서 node 설치 확인 및 npm 설치 시작 + R 을 눌러 실행창을 연 뒤 cmd 입력해서 로컬영역창 열기 로컬영역창이 켜지면 node -v 입력 후 확인 입력 후 아래쪽 v14.15.1 처럼 버전이 확인되면 설치 완료. npm은 노드를 설치하면 자동으로 설치됨 확인법은 마찬가지로 npm -v 눌러서 버전이 보이면 설치 완료. 3. npx 설치 cmd 창에서 npm install npx -g를 입력 후 자동으로 진행이 된다. 설치가 끝나면 npx -v 눌러서 확인. 앞의 node나 npm 처럼 버전이 뜨면 성공. 2020. 12. 2. 이전 1 ··· 3 4 5 6 다음 반응형
