ConfigureDevEnv

개발환경 구성

여기 를 방문하여 설치하거나, 각 OS 에서 제공하거나 별도로 설치한 패키지 관리자를 통해 설치합니다.

Microsoft 에서 개발한 오픈소스 코드 편집기인 Visual Studio Code 를 추천 드리나, 선호 하시는 다른 코드 편집기나 IDE 가 있다면 다른 것으로 사용 하셔도 무방합니다.

Node.js 를 사용하기 보다는, 같이 설치되는 NPM 을 사용하기 위해 설치합니다. Node.js 는 앞으로 설치할 개발 도구에 의해 간접적으로 사용됩니다. 설치 하려면 홈페이지를 방문하여 설치하세요. 10.16.0 이상 버전을 설치하는것이 좋습니다.

프로젝트 의존성 관리에 사용할 Yarn 을 설치합니다. 여기를 방문하여 나오는 안내에 따라 설치하세요.

CLI를 열고, 앱 빌드와 테스트 그리고 배포에 사용할 Expo CLI를 설치합니다. NPM 이 먼저 설치되어 있어야 하며, 설치 시 관리자 권한 또는 root 권한이 필요할 수 있습니다.

npm install -g expo-cli
# 또는 sudo npm install -g expo-cli

CLI를 열고, 본인이 접근하기 편한 디렉토리로 이동 후 저장소를 로컬에 복제합니다.

cd ~/projects # 예를 들어 홈 폴더의 projects 디렉토리로 이동합니다.
git clone https://github.com/s-owl/skhu-app.git # 저장소 복제

Yarn 으로 의존성을 설치한 후, Expo CLI 로 실행합니다.

yarn install
expo start

expo start 를 실행하면, 웹 브라우저의 새 창에서 디버깅 UI 창이 새로 열립니다.

Run on Android device/emulator
- USB로 연결된 안드로이드 기기나 실행중인 안드로이드 에뮬레이터에서 실행하려면 선택합니다.
- 안드로이드 에뮬레이터 사용을 원하시는 경우, Android Studio 를 먼저 설치 하셔서 에뮬레이터를 생성 하셔야 합니다.
Run on iOS Simulator
- iOS 시뮬레이터에서 실행하려면 선택합니다. MacOS 에서만 사용 가능합니다.
Publish or republish project...
- 앱 업데이트를 OTA 방식으로 배포시 사용됩니다. 동아리 계정으로 Expo CLI 에 로그인 된 상태에서 선택시 모든 사용자가 실행중인 앱에 즉시 적용 되므로, 앱 업데이트 배포 시에만 사용하도록 합니다.