웹 개발자의 앱 개발 도전 - 2. Expo는 신이야

Expo로 React Native 시작하기

React Native 시작을 어떻게 할까 고민하다가…

다들 Expo 쓰면 편하다는 말이 많길래 나도 결국 Expo 공식 문서를 찾아가봤다.
개발자는 뭐든 문서부터 보는 게 국룰이라고 생각한다. 괜히 AI한테만 의존하는거 같아서...

삼성역에 있는 그 엑스포 아님

---

Expo 공식 문서

https://docs.expo.dev/

Expo Documentation

프로젝트를 생성하려면 일단 Node.js가 필요하군....

---

Node.js 버전 확인

그래서 cmd 키고 잽싸게 노드버전을 확인해봤는데

노드 버전 실화냐.... 마음이 웅장해진다

와… v16.16.0 이라니. 진짜 옛날 버전 그대로 쓰고 있었네

공식 사이트 보니까 최신 LTS는 v22.20.0 사용 중이길래 새로운 마음으로 프로젝트 시작하는 김에 Node도 갈아엎기로 했다. 셋팅 귀찮긴 한데… 뭐 시작이 반이니까

시작은 시작일뿐이지만 시작이라도 해보자

---

NVM 설치하기

그렇다고 기존 Node 날리고 새로 까는 건 좀 오바지. 그래서 nvm(Node 버전 스위칭 툴)을 쓰기로 함. 진짜 개꿀템. 회사에서 프로젝트마다 node 버전이 달라서 개꿀로 사용한다.

https://github.com/coreybutler/nvm-windows/releases

Releases · coreybutler/nvm-windows

깔고 나서 nvm -v 해보니 잘 됨.

야미~~~

---

Node.js 설치 & 버전 선택

expo 공식문서에서 lts 버전 다운받으면 된다고하니까  이제 최신 LTS 설치 해야지

nvm install lts -- 최신 lts 버전 설치

nvm list -- 설치된 node 목록 확인

nvm use 노드버전 -- 사용할 노드버전 선택

nvm current -- 사용 중인 노드버전 확인

잘 먹혔다. 드디어 하나 끝. 진짜 귀찮네...

---

Expo 프로젝트 생성

드디어 진짜 시작. 원하는 폴더에서 VSCode 켜고 바로 실행

저는 인프런 강의 보고 스터디할거라 비슷하게 셋팅 진행할 겁니다

npx create-expo-app@latest

바로 expo에 있는 명령어 슛~

진행할 거냐 묻길래 당연히 Y. 앱 이름 넣고 기다리면 끝

짜란~ 이러면 기본 세팅 완료

package.json 보니까 expo start 치면 바로 실행될 듯... 이건 내일 해볼 거임

---

마무리

오늘은 Node 갈아엎고, nvm으로 정리하고, Expo 프로젝트까지 만들었다.
생각보다 귀찮긴 했는데, 하고 나니 더 귀찮았던 것 같다

끝. A멘