728x90

분류 전체보기 296

리액트 네이티브 What react-native :app:installDebug FAILED 에러 해결

https://www.geeksforgeeks.org/what-react-native-appinstalldebug-failed/ What react-native :app:installDebug FAILED ? - GeeksforGeeks A Computer Science portal for geeks. It contains well written, well thought and well explained computer science and programming articles, quizzes and practice/competitive programming/company interview Questions. www.geeksforgeeks.org https://jwookj.tistory.com/86 T..

리액트 네이티브 - device is offline 에러 해결

https://www.stackoverflowtips.com/2020/08/react-native-fix-adb-device-is-offline.html React Native: Fix adb - device is offline error and Execution failed for task ':app:installDebug' and other Android ADB device offline, can't issue commands Execution failed for task ':app:installDebug' ADB manager: unable to locate ADB 'adb' is not recogniz www.stackoverflowtips.com Open CMD(command prompt) an..

9. 소셜로그인 기능 - 카카오 로그인 구현하기

https://devbksheen.tistory.com/entry/React-Native-%EC%B9%B4%EC%B9%B4%EC%98%A4-%EB%A1%9C%EA%B7%B8%EC%9D%B8-%EA%B5%AC%ED%98%84%ED%95%98%EA%B8%B0 React Native 카카오 로그인 설정 및 구현 RN 사이드 프로젝트 중 카카오 로그인을 구현하면서 방법을 정리하려고 한다. 라이브러리는 @react-native-seoul/kakao-login를 사용하였다. 1. 카카오 애플리케이션 생성 및 설정 kakao developers에 로그인 devbksheen.tistory.com * 카카오 로그인을 사용할 플랫폼 등록하기 - 안드로이드 패키지명 설정하기 defaultConfig { application..

리액트 깃허브 페이지에 배포시 주의할점

0. 소스코드 배포시 저장소 주소는 private 이 아니라 public 이어야 한다. 그렇지 않으면 제대로 동작하지 않는다. 1. hompage 주소(깃허브 페이지 주소)를 package.json 의 최상위 바깥에 설정한다. scripts 안이나 dependency 같은 내부에 위치하면 동작하지 않는다. homepage 주소를 읽어서 추후에 BrowserRouter 에 설정된 process.env.PUBLIC_URL 에 대체하는 원리다. 2. BrowserRouter 컴포넌트에 basename 을 설정해주어야 한다. 그래야 "/" 로 Router 경로 설정시 basename (homepage 주소)가 앞에 붙어서 절대경로로 파일들을 가져온다. 3. .env 파일은 만들지 않아도 된다. 4. 카카오 지도..

프론트엔드 2023.10.17

8. 통계 화면 - 바 그래프로 보여주기

* 통계화면을 보여주기 위한 라이브러리 설치하기 { "name": "learnreactnative", "version": "0.0.1", "private": true, "scripts": { "android": "react-native run-android", "ios": "react-native run-ios", "lint": "eslint .", "start": "react-native start", "test": "jest" }, "dependencies": { "@react-native-firebase/app": "^18.4.0", "@react-native-firebase/auth": "^18.4.0", "@react-native-firebase/firestore": "^18.4.0", "@re..

7. 캘린더 화면 - 달력 보여주기

https://eunhee-programming.tistory.com/267 (React) 리액트 달력만들기 (초간단/쉬움) * 본 포스팅은 직접 구현한 코드입니다. * 불펌 금지합니다. * 더 좋은 코드가 있으면 가르쳐주세요 감사합니다 :) 포스팅 요약 1. 결과화면(사진 및 동영상) 2. 파일 구조 3. 코드 4. 깃허브 코드 주 eunhee-programming.tistory.com * 캘린더 화면에 년도/월 선택을 위한 드롭다운 버튼 보여주기 사용자가 특정 날짜의 할일목록을 조회하거나 수정하도록 하기 위하여 특정 날짜를 선택할 드롭다운 버튼을 보여주자! import React, { useState, useEffect } from 'react' import { View } from 'react-na..

6. 할일목록 수정 및 삭제 기능 만들기

https://velog.io/@minkyeong-ko/React-Native-%EC%9D%B8%EC%8A%A4%ED%83%80%EA%B7%B8%EB%9E%A8-%EA%B0%99%EC%9D%80-Like-%ED%9A%A8%EA%B3%BC-%EA%B5%AC%ED%98%84%ED%95%98%EA%B8%B0-Double-tap-Animated [React Native] 인스타그램 같은 좋아요 효과 구현하기 (Double tap, Animated) 최근 개인 프로젝트에서 좋아요 기능이 필요했다. 그래서 인스타그램처럼 사진을 두번 클릭하거나 하트 아이콘을 누르면 하트가 떴다가 사라지는 효과를 구현했고, 이를 정리해보려 한다. 간단 velog.io * 할일 수정하기 할일목록은 탭을 한번만 하면 할일의 상태가 토글되..

5. 할일목록 날짜별로 필터링해서 보여주기 & 할일목록 최신순 정렬해서 보여주기

* 페이지 확장을 위한 코드 리팩토링하기 import React, { useState, useEffect } from 'react' import { NavigationContainer } from '@react-navigation/native'; import { createNativeStackNavigator } from '@react-navigation/native-stack'; import { createBottomTabNavigator } from '@react-navigation/bottom-tabs'; import Icon from 'react-native-vector-icons/MaterialIcons' import HomeScreen from './screens/HomeScreen'; imp..

비 오는날 잠 못자는 이유

비 오는 날 잠을 제대로 자지 못하는 이유는 다양할 수 있습니다. 아래에는 일반적으로 비 오는 날 잠을 못 자는 이유들을 안내해 드리겠습니다. 소음 비가 내리면서 창문이나 지붕에서 나는 소리, 물방울이 떨어지는 소리 등은 수면에 방해가 될 수 있습니다. 기압 변화 비 오는 날은 대기 중의 기압이 변화하므로 몸의 상태에 영향을 줄 수 있습니다. 기압 변화로 인해 불쾌감이나 두통 등이 발생하여 잠에 영향을 줄 수 있습니다. 습한 환경 비 오는 날은 공기가 습도가 높아지고 침구류나 방 안이 축축해질 수 있으며, 이러한 환경은 편안한 잠을 방해할 수 있습니다. 우울감 일부 사람들은 비 오는 날 우울감을 느낄 수 있으며, 우울한 감정이나 부정적인 생각으로 인해 잠에 영향을 줄 수 있습니다. 생활 패턴의 변화 비오..

건강 2023.09.15

4. 파이어베이스 데이터베이스에 할일목록 저장하고 불러오기

https://iamthejiheee.tistory.com/246 Firebase Realtime, Cloud Firestore [의미, 공통점, 차이점, 앱 기능에 따라 데이터베이스 추천] 우선 Firebase에 대해 먼저 알아보자! Firebase란 구글이 소유하고 있는 모바일 애플리케이션 개발 플랫폼이다. 앱을 개발하고 개선할 수 있는 도구 모음을 제공한다. 사실 처음에 Firebase는 단순히 데 iamthejiheee.tistory.com https://rnfirebase.io/database/usage Realtime Database | React Native Firebase Copyright © 2017-2020 Invertase Limited. Except as otherwise noted..

728x90