react native

"Summary" 초간단 날씨 앱 만들기 Expo

goldjun 2023. 12. 11. 08:09

초간단 스마트폰 앱 만들기  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