[Mac OS] 리액트 실행하는 방법 상세하게 알아보기

암만 생각해도 Mac OS는 저와 어울리지 않는 것 같습니다😮‍💨

 

리액트 실행하는 게 한 시간이나 걸렸습니다...(바본가...🌚)

 

거두절미하고 Mac OS에서 리액트 실행하는 방법을 상세하게 알아보겠습니다.

 

리액트를 실행하기 앞서 Mac OS에 node, npm, npx 등이 다 실행되는 환경이어야 합니다.

 

환경 설정을 하지 못하셨다면 아래 링크를 보시고 따라하시면 됩니다.

 

Mac OS/Homebrew] 맥/맥북에서 brew 설치하는 방법

[Mac OS]env: node: No such file or directory 해결하기

폴더 만들기

터미널에 다음 명령어를 입력하여 폴더를 생성합니다. (아 물론 그냥 우클릭 후에 직접 폴더 생성하고 해당 폴더 경로 찾아서 실행해도 됩니다.)

mkdir 생성할 폴더명

폴더에 개발 환경 만들기

개발 환경으로 만들고 싶은 폴더의 내부로 들어가는 명령어를 터미널에서 실행합니다.

cd 폴더명

리액트 앱 만들기

이후에 create-react-app . 명령어를 터미널에서 실행합니다. (뒤에 한 칸 띄고 . 붙여주셔야 합니다.)

create-react-app .

설치 완료 후 폴더 안에 아래의 파일들이 생긴 것을 확인할 수 있습니다.

리액트 실행하기

터미널에 다음 명령어를 입력하여 리액트 앱을 실행해 봅니다.

npm start