리액트기초2 React : 프로젝트 시작하는 방법 리액트 프로젝트를 시작할때 프로젝트를 생성하는 방법은 먼저 폴더를 생성후 폴더를 우클릭>서비스>폴더에서 새로운 터미널 열기를 눌러준다. 터미널창에 ⬇️ 아래와 같이 입력해준다. npx create-react-app 폴더명 입력할때는 한글로 작성하면 안되고 영어로 작성을 해주어야 한다. 입력을 하고 엔터를 눌러주면 설치가 진행되고 설치가 완료되면 아래와같은 화면이 뜬다. ⬇️ ⬇️ 해당 폴더에 내가 지정한 폴더명으로 폴더가 만들어지고 안으로 들어가보면 이렇게 파일이 세팅되어있다. 이제 vscode로 폴더를 열어주고 터미널 창에 아래와 같이 작성해주면 웹페이지에 프로젝트가 실행된다 npm start 위에처럼 뜨면 성공! 이제 프로젝트를 시작하면된다. 2022. 9. 13. React : 리액트 초기셋팅방법 (리액트 설치방법/실행방법) CRA 설치 - 리액트 프로젝트를 시작하기 위해서는 CRA를 설치해주어야한다. // npx create-react-app 프로젝트명 npx create-react-app cloneInsta // 디렉토리 진입 cd cloneInsta // 로컬 서버 띄우기 npm run start npm run start 를 입력하면 http://localhost:3000 으로 접속이 가능하다. 🆘 만약 Yes/No 입력창이 나타나면 기존에 실행되고 있는 서버가 있는지 확인 해야한다. 위에 처럼 접속이 됬다면 리액트 프로젝트를 시작할수있다 폴더및 파일 구성 1) node.modules - CRA를 구성하는 모든 패키지 소스 코드가 존재하는 폴더 2) package.json - CRA 기본 패키지 외 추가로 설치된 라이브.. 2022. 8. 15. 이전 1 다음
