투두리스트 앱개발 부터 출시까지!
[React Native]투두리스트 앱 개발하기(1) - 개발 환경 구축(with. Expo)
시작하기 앞서
앱을 만들기 전 기획부터 배포까지 전반적인 앱 개발 프로세스부터 알아야 한다. 이전에 작성해두었던 앱개발 프로세스들을 복기하면서 정리해보았다.
기획 → 디자인 → 개발 → 테스트 → 출시 및 배포
지금 기준으로 기획과 디자인은 완성된 상태이고, 개발 배포까지 한 달안에 끝내야 함!
기획과 디자인
기획 디자인은 모두 figma 안에서 해결봤다. tool 사용법도 쉽고, 마인드 맵과 프로토타입을 쉽게 만들 수 있어 좋았다. figma 사용법은 유튜브에 무료 강의 영상도 있으니 찾아보는 것을 추천함.
node, watchman 설치
React Native를 설치하기 전에 필요한 개발 툴, node, watchman을 설치해야 한다. watchman은 여기서는 개발툴로 Visual Studio Code를 사용할 예정이다.
React Native 설치
React Native를 설치하는 건 공식 문서를 보는 게 가장 편하다.
https://reactnative.dev/docs/environment-setup
Get Started with React Native · React Native
React Native allows developers who know React to create native apps. At the same time, native developers can use React Native to gain parity between native platforms by writing common features once.
reactnative.dev
React Native 개발환경
React Native 개발환경은 2가지로 나뉜다.
1. Expo CLI (난 이걸로 할거임)
2. React Native CLI
Expo CLI는 React Native를 시작할 때에 초기설정이 간단하고, expo 앱을 통해 시뮬레이터를 제공한다.
그전에! expo 앱을 설치해야되는데, 앱스토어 또는 플레이스토어에서 'expo'앱을 설치한다.
프로젝트 폴더를 생성하고, 아래 명령어를 입력한다.
npx create-expo-app@latest
project name을 입력하고, 해당 폴더에 expo를 실행한다.
npx expo start
명령어에 출력된 QR코드를 앱 카메라로 스캔 후 expo앱에서 화면 실행되는지 확인!
💡expo앱 버전 업데이트 확인
결과 화면
'App' 카테고리의 다른 글
| [Dart] Dart 시작하기 #2 타입, 변수 (0) | 2024.05.21 |
|---|---|
| [Dart] Dart 시작하기 #1 (with. 노마드코더) (0) | 2024.05.21 |