"Summary" 초간단 날씨 앱 만들기 Expo
초간단 스마트폰 앱 만들기 with React Native Expo
- 🌐 계정 생성
- 날씨 앱 제작 전에 계정이 필요
- 오픈 웨더 맵. org에서 계정 생성
- API 키 획득
- 🗝️ API 설정
- API 키 확인 및 스테이터스 확인
- 사용 가능한 API 확인
- 현재 날씨를 알려주는 API 선택
- 📱 앱 제작
- Expo를 사용하여 앱 생성
- 터미널에서 expo 명령어로 앱 생성 및 실행
- 화면 디자인 구현: 배경색, 이미지, 텍스트, 버튼 등
- 이미지 및 텍스트에 스타일 및 위치 설정
- 🌈 디자인 색상 선택
- 이미지에 사용할 색상을 추출하여 적용
- 온라인 툴 또는 색상 팔레트 익스트랙터 사용
- ✨ 화면 디자인 수정
- 여백 및 간격 조절
- 글자 스타일 및 정렬 설정
- 버튼 컴포넌트 활용하여 시작 버튼 추가
- 🚀 앱 개발
- 코드를 통해 배경색, 이미지, 텍스트, 버튼 등 구현
- 필요한 스타일 및 위치 설정 적용
- Expo를 사용하여 iOS 시뮬레이터에서 테스트
- 🎨 색상 및 디자인 수정
- 색상 조정 및 버튼 디자인 개선
- 필요한 UI 요소에 색상 및 스타일 적용
- 🔄 터미널 명령어
- Expo 및 React Native 명령어 사용하여 앱 제작
- 필요한 패키지 설치 및 실행 명령어 적용
전체적인 내용은 쉽게 파악되네요
양동준 님의 " 리액트 네이티브 무료강의 - 1시간에 만드는 날씨앱 " 정리했습니다.
자세한 건 여기에서 확인해주세요
https://www.youtube.com/watch?v=PpufmCCGyHo&ab_channel=%EC%96%91%EB%8F%99%EC%A4%80YangDongJun