aming

[React Native 개발] Android 최근 항목(Recent)에서 이미지 여러장 가져오기

React Native로 앱 개발 중 갤러리에서 이미지를 가져오는 기능이 필요했다.보통 expo-image-picker나 react-native-image-picker를 사용하지만, 1. 나는 expo를 사용하지 않는다 2. react-native-image-picker는 SDK 33이하에서 사용 가능하다. (나는 SDK 34 사용)따라서 두 라이브러리를 사용하지 않고 이미지를 가져오려면 코틀린 코드를 작성해야만 했다. Kotlin은 사용해본 적 없었지만 이번 기회에 사용해보았다... (TMI를 말하자면, 다른 라이브러리 있나 찾을 시간에 진작에 코틀린으로 구현했으면 시간이 훨씬 단축됐을 거다...😢) 참고로 현재 게시물은 갤러리가 아닌 최근 항목에서 이미지를 가지고 오는 코드 관련 내용들을 서술한..

- 사용 언어: Typescript- 사용한 라이브러리: @react-navigation/native-stack npm install @react-navigation/native-stack코드Stack Screen의 헤더를 커스텀하기 위한 코드를 작성했습니다.options에서 설정을 적용하면 되는데, 적용할 설정이 많아서 options를 따로 선언해주었습니다.import { createNativeStackNavigator } from "@react-navigation/native-stack";type StackParamList = { Screen1: undefined; Screen2: undefined;}const Stack = createNativeStackNavigator();return ..

React Native 기본 캘린더 화면을 구현합니다.Typescript로 작성되었으며, react-native-calendars 라이브러리를 사용합니다. https://github.com/wix/react-native-calendars GitHub - wix/react-native-calendars: React Native Calendar Components 🗓️ 📆React Native Calendar Components 🗓️ 📆 . Contribute to wix/react-native-calendars development by creating an account on GitHub.github.com구현1. react-native-calendars 라이브러리 설치npm install rea..

React Native로 안드로이드 카카오 로그인을 구현해보겠습니다.해당 게시글에서는 react-native-seoul/kakao-login 라이브러리를 사용합니다. https://github.com/crossplatformkorea/react-native-kakao-login GitHub - crossplatformkorea/react-native-kakao-login: react-native native module for Kakao sign in.react-native native module for Kakao sign in. Contribute to crossplatformkorea/react-native-kakao-login development by creating an account on G..

1) 프로젝트 생성 및 종속성 설치create-expo-app으로 프로젝트를 생성합니다.npx create-expo-app@latest 프로젝트 명을 설정한 후 다운로드를 기다립니다. 프로젝트 폴더로 cd 합니다.cd (프로젝트 명) 2) Expo 로그인프로젝트 실행 전 Expo 로그인을 진행해야 합니다. 컴퓨터, 단말기 둘 다 로그인이 수행되어야 합니다. 계정이 없을 경우 다음 사이트에서 계정 생성을 하시면 됩니다.https://expo.dev/signup Sign Up — ExpoCreate an account for Expo here.expo.dev 2-1) PC 로그인Terminal에 다음과 같이 입력합니다. (powershell X)expo login 아이디와 비밀번호를 입력하여 로그인을 해줍니..

Expo 프로젝트를 생성하기 전에 Node.js 버전을 확인하세요.이 글은 Node.js 버전이 17 이상일 경우의 프로젝트 생성 방법입니다. 1) 프로젝트 생성 및 종속성 설치Terminal에 다음과 같이 입력합니다.npx create-expo-app (생성할 프로젝트 이름) --template blank 다운로드를 진행합니다. 저는 단말기에서 프로젝트를 실행하기 위해 제 폰에 Expo Go 앱을 설치했습니다.(Google Play Store → Expo app 다운로드) 웹에서도 프로젝트를 실행하기 위해서는 종속성을 따로 설치해줘야 합니다.npx expo install react-dom react-native-web @expo/metro-runtime 프로젝트를 보면 App.js 파일이 있습니다. 이..