반응형
오늘은 새로운 리액트 프로젝트를 만들어 보겠습니다.
저는 맥 OS에서 설치하였습니다.
터미널을 오픈한 후에 다음 명령어를 실행해 보세요
저는 Users/j~~/react-tutorial 폴더에 리액트 프로젝트를 설치하기 위해 react-tutorial 폴더를 만들고 해당 경로에 다음과 같이 리액트 프로젝트를 설치하였습니다
$ npx create-reate-app begin-react
VSCode에서 react-tutorial 폴더 열기를 해보면 쉽게 리액트 프로젝트가 설치된 것을 확인할 수 있습니다.
리액트 프로젝트를 실행해 보겠습니다.
begin-react 경로에서 yarn start를 이용하여 리액트 프로젝트를 실행해 주세요. 저는 yarn을 설치해서 yarn start를 하지만 npm을 설치하신 분은 npm start를 터미널에서 입력해주세요. VSCode 내에 있는 터미널을 이용하셔도 됩니다.
명령어가 입력되면 브라우저 창에 아래와 같이 나타나는 것을 볼 수 있습니다.
오늘은 리액트 프로젝트 생성에 대해 정리해 보았습니다
앞으로 꾸준히 리액트를 공부해 포스팅하겠습니다.
댓글