시작하며

개발팀에 새로운 팀원이 합류하여 하나의 프로젝트를 같이 해보며 합을 맞춰보기로 했다. 뭘할까 하다가 기숙사에서 치킨을 시켜먹고 싶지만 혼자 먹기는 많아서 서러웠던 기억이 떠올랐고 그래서 기숙사생들이 같이 배달을 시켜먹을 사람을 구하는 앱을 만들어보기로 했다.
(겸사겸사 모바일 프로그래밍도 배울겸)

개발환경

react-native로 개발하기로 했고 백은 아직 결정하지 못했다. expo라는 멋진 프로젝트를 이용하기로 했다.

• Window기준

환경 세팅

npm install --global expo-cli

expo init projectName

npm과 expo 차이 :
expo ~~ 하면 npm ~~을 실행시켜주는데 설치되어있는 expo버전에 맞는 버전을 설치해준다.

window에서 CategoryInfo : 보안 오류: (:) [], PSSecurityException 가 발생한다면,

window powershell을 관리자 모드로 실행시킨 뒤에

Set-ExecutionPolicy -ExecutionPolicy Unrestricted 

을 실행시키고 A를 누르면 된다.

깨알 팁

expo init projectName 을 하면 코드가 실행되고 있는 하위폴더로 projectName 이라는 이름의 폴더가 생긴다. 필자는 만들고 싶은 폴더를 visual studio code로 열고 터미널 창에서 expo init projectName 명령어를 실행시킨다.

expo login

expo 회원가입은 홈페이지에서 하고, 작업환경에서 로그인해준다.

expo login 을 터미널창에 입력하면 가입한 메일과 비번을 입력하라고 나온다. 입력하라는대로 입력하면 된다.

expo 앱 깔기

안드로이드는 Expo, iOS는 Expo Go를 설치하고 로그인해준다.

실행

npm start를 실행시키면 끝!

QR코드를 찍거나, 자신의 프로젝트를 클릭해서 들어가면 스마트폰사에서 돌아가는 모습을 확인 할 수 있다.