티스토리 뷰
React Native로 날씨앱 만들기
리액트와 결합된 자바스크립트, Expo를 이용한다.
스마트폰의 geolocation에 접근해서,
api에 보낸 후 날씨에 따라, 이쁜 스크린을 덮을예정.
- 아이콘을 가지고 어떻게 작업하는지,
- 레이아웃 시스템,
- 현재위치를 갖고 어떻게 작동하는지,
- 데이터와 어떻게 작업하는지
를 배울것이다.
결과물 : ios & 안드로이드 앱 - 스마트폰에서 test 가능
요구사항 : JavaScript, React.
Java, Swift, Kotlin,Objective-C 등은 몰라도 됨.
설치
1. Node.js (버전10 이상)
Node.js
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
nodejs.org
2. npm 설치 (버전6 이상)
설치확인
3. npm install -g expo-cli
4. 시뮬레이터 설치
Mac os 사용 시 : Xcode 설치
windows or linux : Android Studio
pc에 뭐 설치해서 느려지는게 싫다> -> 스마트폰 (Expo)
expo 계정을 만드는것을 매우x3 추천.
ios 유저라면 프로젝트를 폰에서 테스트할 수 있다.
Android 유저라면 내 포트폴리오들을 보관하고 테스트할 수있다.
여튼 expo 계정 만들고 폰에 다운해라.
'React Native' 카테고리의 다른 글
[React Native] React Native로 날씨앱 만들기 (5) - flex Layout (0) | 2021.04.25 |
---|---|
[React Native] React Native로 날씨앱 만들기 (4) - React Native Work (0) | 2021.04.25 |
[React Native] React Native로 날씨앱 만들기 (3) - Expo (0) | 2021.04.25 |
[React Native] React Native로 날씨앱 만들기 (2) - 프로젝트 생성 + git (0) | 2021.04.25 |
[React Native] React Native로 날씨앱 만들기 (1) - Expo vs React Native CLI (0) | 2021.04.25 |
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- java
- 자바
- react native
- 그리디
- 백트래킹
- Spring Boot
- 알고리즘
- S2
- 코딩새내기
- 다익스트라
- map
- SWEA
- 백준
- 시뮬레이션
- 구현
- S3
- 현꾸라지
- DFS
- BFS
- 우선순위큐
- laugh4mile
- PriorityQueue
- 객체지향
- react
- Spring
- g4
- 리액트 네이티브
- 리액트
- G5
- 문자열
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 | 31 |
글 보관함