aming

- 사용 언어: 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 파일이 있습니다. 이..