React Native + Expo 개발 환경을 위한 Node.js 설치하기

 

 

Node.js 설치 방법

 

 

React + Expo는

“웹 + 앱을 동시에 하나의 코드베이스로” 배포할 수 있는 실용적 선택임!

이유	설명
개발 진입 장벽이 낮음	React는 HTML/CSS를 조금이라도 아는 사람이라면 빠르게 적응 가능함
Expo로 앱과 웹 동시에 배포 가능	Expo는 React Native Web을 통해 Android/iOS + Web 동시에 지원
강력한 웹 UI 생태계	Tailwind, shadcn/ui, chart.js 등 다양한 고품질 UI 도구 사용 가능
이미 작성한 웹 코드 재사용 가능	지금까지 작성한 JSX 기반 코드들을 거의 그대로 앱에서도 사용 가능

 

리액트 네이티브 + 엑스포로

앱을 개발하기로 결정 했다면

---

 

 

1단계

React 앱을 만들기 위해서
Node.js 설치하기

 

① Node.js 사이트에 접속 후

② Node.js 다운로드 (LTS) 버튼 더블 클릭! 

다운로드 폴더에서 다운로드된 ③ node-v22.16.0.pkg 클릭!

별다른 설정 없이 ④ 계속 클릭 

Node.js 설치 방법 - mac

 

---

  

 

2단계

React 앱을 만들기 위해서
Node.js 설치하기

 

⑤ 터미널 실행 = 단축키  Command + Space
⑥ 터미널 입력 후 ⑦ 터미널.app 클릭!

 

설치된 ⑧ node와 npm 버전 확인

① ② ③ ④ ⑤ ⑥ ⑦ ⑧ ⑨ ⑩ ⑪ ⑫ ⑬ ⑭ ⑮

(예: v20.x.x) 3. 설치 후 터미널에 입력:

node -v
npm -v

node와 npm 버전 확인 방법

 

버전 숫자가
나오면 설치 완료!

 

 

굳럭!