개발 6

노마드 코더 RN 왕초보 개발기 RN 배우기! 과정기 6일 차

SiWooJinSeok/nomad-RN: 노마드 초보 RN 공부용 (github.com) GitHub - SiWooJinSeok/nomad-RN: 노마드 초보 RN 공부용노마드 초보 RN 공부용. Contribute to SiWooJinSeok/nomad-RN development by creating an account on GitHub.github.com  4.0강eas-cli 설치더이상 publish를 사용할 수 없음.npm install -g eas-cli빌드 해주기eas build본인 expo dev 가서 빌드 상황 확인하기https://expo.dev/8분 25초 정도 걸림eas update 하기(publish)eas updatebranch 설정업데이트 메세지 설정 expo dev에서 upda..

개발/RN 2024.06.13

노마드 코더 RN 왕초보 개발기 RN 배우기! 과정기 5일 차

SiWooJinSeok/nomad-RN: 노마드 초보 RN 공부용 (github.com) GitHub - SiWooJinSeok/nomad-RN: 노마드 초보 RN 공부용노마드 초보 RN 공부용. Contribute to SiWooJinSeok/nomad-RN development by creating an account on GitHub.github.com 3.5강AsyncStorage 설치하기npx expo install @react-native-async-storage/async-storage임포트 하기import AsyncStorage from "@react-native-async-storage/async-storage";저장하기AsyncStorage.setItem(STORGE_KEY, JSON...

개발/RN 2024.06.11

노마드 코더 RN 왕초보 개발기 RN 배우기! 과정기 4일 차

SiWooJinSeok/nomad-RN: 노마드 초보 RN 공부용 (github.com)3.1강TouchableOpacity 사용해보기클릭시 Opacity 활성화해서 애니메이션처럼 투명해지게 만듦사용하기import { TouchableOpacity } from "react-native";// ...// ...activeOpacity 투명도를 정할 수 있는 옵션TouchableHighlight 사용해보기옵션 없이 사용 시 아무동작도 하지 않음사용하기import { TouchableHighlight } from "react-native";// ...// ...onPress 옵션눌렀을 때 동작하게 하는 함수사용하지 않으면 눌러도 반응이 없음!underlayColor 옵션눌렸을 때 버튼의 배경색을 바꿔주는 옵션..

개발/RN 2024.06.07

노마드 코더 RN 왕초보 개발기 RN 배우기! 과정기 3일 차

SiWooJinSeok/nomad-RN: 노마드 초보 RN 공부용 (github.com)2.7강expo-location 설치하기npm i expo-location임포트하기import * as Location from "expo-location";Location.requestForegroundPermissionsAsync() 사용해보기const premission = await Location.requestForegroundPermissionsAsync();console.log(premission);// 출력 {"android": {"accuracy": "fine", "scope": "fine"}, "canAskAgain": true, "expires": "never", "granted": true, "s..

개발/RN 2024.06.06

노마드 코더 RN 왕초보 개발기 RN 배우기! 과정기 2일 차

SiWooJinSeok/nomad-RN: 노마드 초보 RN 공부용 (github.com)시작하기웹사이트가 아니기에 div를 사용할 수 없기에 View를 사용해야 한다.View는 container이다.항상 임포트 해야 한다.모든 text는 Text 태그를 사용해야 한다. 스타일은 아래처럼 적용 할 수 있다.const styles = StyleSheet.create({ container : { // css }})StyleSheet.create 를 사용하는 이유는 자동 완성을 지원하기 때문이다.StatusBar는 third-party components다.시간, 배터리, 와이파이 즉 모바일 상단을 의미한다.native(expo)에서는 css 실수하면 에러와 같이 해결방법이 나온다.RN은 기존에 있던 Async..

개발/RN 2024.06.05

노마드 코더 RN 왕초보 개발기 RN 배우기! 과정기 1일 차

SiWooJinSeok/nomad-RN: 노마드 초보 RN 공부용 (github.com)설치하기프로젝트 설치npx create-expo-app@latest . --template 옵션 Blank 선택추가 라이브러리 설치 (웹으로도 실행 가능)npx expo install react-native-web react-dom @expo/metro-runtime 시작하기Expo 회원가입Expo 로그인npx expo login실행npm run startApp.js 수정Expo go 어플에서 연결 시 무한 로딩구글을 통해 원인 분석핸드폰 껐다가 키기노트북, 핸드폰 와이파이 같게 하기와이파이 속성에서 개인으로 수정앱 설정에 가서 expo go 앱 권한 다 없애기다른 앱 위에 표시 키기(이미 켜져 있으면 끄고 다시 키기..

개발/RN 2024.06.05