사이드 프로젝트로 미세먼지알림 서비스를 만들다가,
코드가 꼬여서 갈아 엎어야 하는 상황이 왔는데,
어차피 갈아 엎어야 한다면
어차피 모바일 버전만 있는 UI 이기 때문에,
이참에 React Native 도 공부하고
한번 어플리케이션으로 만들어보자 라는 마음으로 시작한다.
일단 간단히 iOS에서만 가능하도록 해보려고 한다.
리액트 네이티브로 프로젝트를 시작하는 방법이 두 가지가 있는데,
하나는 "Expo" 이고,
다른 하나는 "React-Native-CLI" 를 사용하는 방법이다.
두 가지 다 장,단점이 있는데
| 장점 | 단점 | |
|---|---|---|
| Expo | - 앱을 쉽게 만들고 쉽게 빌드 가능 - Android Studio, XCode 설치 없이 작업 가능 - 다양한 API 지원 - 파일 자동 관리 | - 제공되는 API만 사용 가능 - 제공해주는 기능과 모듈만 사용 가능 - 빌드 시간 10-30분 소요 |
| React-Native-CLI | - Native 모듈 사용 자유도가 높음 - 모듈 직접 제작 가능 - 원하는 언어로 추가 작성 가능 - 빌드 제어 가능 | - 프로젝트 환경 구축 및 개발 시간 소요 - 각각의 라이브러리 설치 필요 - Android Studio, XCode 설치하여 작업해야 함 |
리액트 네이티브 개발 환경 구축하기 (feat. 공식문서)
이건 각자 다 다르겠지만,
나는 일단 `Development OS - macOS` `Target OS - iOS`를 선택했다.
각자 환경과 타겟에 맞춰서 선택하면 될 것 같다.
hombrew 는 이미 있다는 가정하에,
(없다면 다운 받고 오자)
1. 필요한 프로그램들 다운받기
1-1. XCode 다운받기
1-2. Node 다운받기
brew install node정상적으로 다운이 완료되었다면 node -v를 쳤을 때 버전 정보가 나올 것이다.
1-3. Watchman 다운받기
Watchman 은 메타(구 페이스북)에서 만든 툴로, 파일 시스템 변화를 감지한다.
brew install watchman1-4. CocoaPods 다운받기
CocoaPods는 iOS앱 개발에 사용되는 의존성 관리자이다. https://cocoapods.org/
sudo gem install cocoapods
를 치면 비밀번호를 치라고 나오는데, 본인 맥북 비밀번호를 치면 된다.
(참고로 화면엔 따로 입력한 내용이 나오지 않으니까 동작 안 한다고 생각안해도 된다. 다 동작하고 있다.)
다운이 완료가 되면 `pod --version`을 입력했을 때 버전이 나올 것이다.
...
CocoaPods를 다운받으려면 Ruby도 필요한 모양이다.
루비 설치한 기억은 없는데 일단 있긴 한가보다. 버전만 업데이트 하면 될 것 같다.
루비 버전을 업데이트 방법을은 게시물 밑에 번외 참고하기.
1-5. React Native Command Line Interface 다운 받기
일단 공식 문서에서는 특정 버전을 글로벌로 설치하지 말고
런타임 때 `npx` 를 통해 사용하라고 추천한다.
이건 프로젝트 생성 후에 하면 될 것 같다.
` react-native <command>`
2. 프로젝트 시작하기
프로젝트 파일을 만들 곳으로 ( 나는 Desktop) 이동한 뒤에
밑에 내용을 치면 이제 프로젝트가 생성될거다.
npx react-native@latest init 프로젝트이름(번외) 루비 버전 업데이트
여기 블로그에 설명이 참 잘 되어 있다.
절대 귀찮아서 다른 글을 가져오는 게 아니다.
https://pie001.github.io/entry/tech-note/0017/
Mac환경에서 ruby의 버젼 업데이트 방법
Mac환경에서 ruby의 버젼 업데이트 방법
pie001.github.io