![]()
(노마드 코더 강의 정리함) React Native Packages StyleSheet.create - StyleSheet.create를 쓰면 자동완성 쓸 수 있어서 좋다. - 이거 없이 object 형식으로도 동작은 하지만 자동완성 기능 없어서 불편하기 때문에 쓰자. ReactNative.dev https://reactnative.dev/docs/components-and-apis Core Components and APIs · React Native React Native provides a number of built-in Core Components ready for you to use in your app. You can find them all in the left sidebar (or men..
![]()
1. 폴더 만들기 - 원하는 폴더 경로로 이동해서 다음 명령어 입력 expo init (폴더명) expo init rn-app-test 템플릿 선택하는게 나오는데 첫번째꺼 선택해서 Enter! 설치하는데 시간이 좀 걸린다. 설치 완료 2. Expo 로그인과 실행 - 앱이랑 연동하려면 expo 로그인부터 해줘야한다. cd rn-app-test: 생성한 폴더로 경로 이동 code .: VS Code 실행 VS Code 에서 터미널 실행 or 기존 터미널로 실행 (window에서는 vscode에서 터미널 실행이 편할듯) - expo 로그인을 한다. expo login 앱에서 회원가입 할 때 이메일이나 이름 입력하고 비밀번호를 입력하면 다음과 같이 로그인 성공이 뜰거다. - 서버 실행 npm start 실행하고..
![]()
1. expo-cli 설치 npm install --global expo-cli - 에러가 난다면 앞에 sudo 를 붙인다. sudo npm install --global expo-cli >> expo는 react-native 공부하는데 자바랑 안스, xcode 설치 등등 안해도되고 앱만 설치하면 앱 만들어 볼 수 있다고 함. >> 설치하다 포기 안해도 됨 >> but 앱 배포나 실제 서비스 적용 하려면 다 설치해서 해야한다. expo는 단지 테스트용으로만... 2. expo 앱 설치 안드로이드 : Expo iOS : Expo Go 설치하고 회원가입 후 로그인까지 진행한다.
![]()
앱이 종료가 되더라도 사용자의 GPS 좌표를 계속 받아올 수 있는 백그라운드 서비스를 구현해보자 1. Permission (권한) 부여 - AndroidManifest.xml : permission 4개 추가 ( + LocationService.java 파일 생성 후 아래 태그 추가 ) ... > Android 10(API 수준 29) 이상에서 개발자는 런타임 시 백그라운드 위치 정보 엑세스 권한을 요청하기 위해 앱 매니페스트에서 ACCESS_BACKGROUND_LOCATION 권한을 선언해야 합니다. >> 또한 앱에서 Android 12 이상을 타겟팅하면 ACCESS_FINE_LOCATION 권한만 요청할 수 없습니다. ACCESS_COARSE_LOCATION 권한도 요청해야 하며 단일 런타임 요청에 ..
![]()
glide를 사용하여 로딩화면에 .GIF 확장자 파일이 나타나는 예제를 구현해보자. 앞에 포스팅한 로딩화면 구현하기보다 간단하고 편하다. - 이전 포스팅 https://taek2.tistory.com/19?category=901018 라이브러리 설치 - build.gradle (Module:~~) : dependecies 안에 작성 ... implementation('com.github.bumptech.glide:glide:4.12.0') annotationProcessor('com.github.bumptech.glide:compiler:4.12.0') 레이아웃 구현 - popup_loading.xml (생성) : 이미지뷰의 가로와 세로는 gif 파일의 크기에 맞춰서 알아서 조정하기 (딱 맞게 조절이 안..
![]()
앱 실행시 가장 먼저 접하게 되는 로딩화면 예제를 구현해보자. 레이아웃 구현 - dialog_custom.xml (생성) : 따라할 때 오류 안뜨도록 기본 안드로이드 이미지 사용 - activity_main.xml : 버튼을 생성하여 버튼 클릭 시 로딩화면 나타나도록 한다. - loading.xml : res에 anim 디렉터리 만들고 loading.xml 파일 생성 => 이미지가 회전하도록 설정하는 파일 액티비티 구현 - CustomAnimationDialog.java (생성) package com.example.example_loading; import android.app.Dialog; import android.content.Context; import android.graphics.Color; ..
