본문 바로가기
반응형

분류 전체보기55

[React Native & Android] Build apk,abb velog.io/@dear_sopi9211/react-native-%EC%95%88%EB%93%9C%EB%A1%9C%EC%9D%B4%EB%93%9C-APKAAB-%ED%8C%8C%EC%9D%BC-%EC%83%9D%EC%84%B1%ED%95%98%EA%B8%B0 [react-native] 안드로이드 APK(AAB) 파일 생성하기📱 Production test build 하기 전에 먼저 해당 프로젝트 에뮬레이터 또는 Android device에서 성공적으로 컴파일이 되고 실행이 되고 오류는 없는지 확인한 후 진행하여야 합니다. 1. key store 생성 Android 용 Rea velog.io 1. [React Native Project] / android / app 안에 .keystore 혹은 .jks .. 2020. 11. 30.
[React Native, FireBase ect] Firebase 오류 (app:multiDexListDebug) Firebase를 사용하기 위해서 npm install 을 하고 run-android 를 하였더니 build 과정에서 여러가지 문제가 발생하였다. 그래서 프로젝스/android 로 이동하여 (cd android) gradlew clean을 진행 한 후 npx react-native run-android를 하였더니 해결이 되었다. 이후 몇 가지 라이브러리(ex. @react-native-firebase/firestore)를 더 설치하고 나서 위와 같은 오류가 발생하여 같은 방법으로 해결하려 했으나 다른 오류인걸 확인하였다. Task :app:mergeDexDebug FAILED 이였다. 쭈욱 읽어보니 공식문서에서 원인과 해결방법을 제공하고 있다. developer.android.com/studio/buil.. 2020. 11. 24.
[React Native] Change Package(Android) & Bundle Id(iOS) =====Change Package Name [Android]===== stackoverflow.com/questions/37389905/change-package-name-for-android-in-react-native Change package name for Android in React Native I used react-native init MyApp to initialise a new React Native app. This created among others an Android project with the package com.myapp. What's the best way to change this package name, for e... stackoverflow.com dev.to/.. 2020. 11. 24.
[Android Studio, Windows 10] Starting Emulator with Consol 매번 안드로이드 에뮬레이터를 안드로이드 스튜디오로 들어가서 켜는게 불편했다. 그리하여 콘솔을 통해 열 수 있는 방법을 찾아보았고 공유하고자 한다. 1. Install Android Emulator with Android Studio Ctrl + Alt + S 를 눌러 Setting을 켜준다. Appearance & Behavior > System Settings > Android SDK 로 들어간다. 두번째 탭 SDK Tools를 들어간다. Android Emulator를 설치해준다. 위의 Android SDK Location 의 Path를 복사해준다. 2. Setting Path 제어판 > 사용자 계정 > 환경 변수 변경 [UserName]에 대한 사용자 변수 > Path 선택 > 편집 > 새로만들기 .. 2020. 11. 20.
[React Native] 시작하기 (Windows 10) reactnative.dev/docs/environment-setup Setting up the development environment · React Native This page will help you install and build your first React Native app. reactnative.dev Expo로 부터 탈출하기 위해서 Bare React Native를 사용하기로 하였다. 위 링크를 통해 프로젝트를 시작해보려고 한다. Chocolatey Chocolatey - The package manager for Windows Chocolatey is software management automation for Windows that wraps installers, executab.. 2020. 11. 19.
[Firebase,FireStore] 대댓글 설계하기 (링크) lightcode.tistory.com/22 게시판 대댓글 설계하기 오늘은 대댓글 게시판을 설계하는 방법에 대해서 정리 해보려고 하는데요. 참고로, UI나 코드를 중심으로 한 글은 아니지만, NoSQL인 Firebase의 Firestore를 사용하였을 때를 기준으로 테스트하고 작 lightcode.tistory.com lightcode.tistory.com/22?category=788619 게시판 대댓글 설계하기 오늘은 대댓글 게시판을 설계하는 방법에 대해서 정리 해보려고 하는데요. 참고로, UI나 코드를 중심으로 한 글은 아니지만, NoSQL인 Firebase의 Firestore를 사용하였을 때를 기준으로 테스트하고 작 lightcode.tistory.com 2020. 10. 25.
[React, Next.js] When to Use Static Generation VS Server-side Rendering nextjs.org/learn/basics/data-fetching/two-forms Learn | Next.js Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build pre-rendered applications, static websites, and more. nextjs.org 보통의 경우에는 Static Generation을 권장하지만 유저의 요청에 따라 빈번하게 데이터를 업데이트해야하는 경우라면 Server-side Rendering을 추천한다. 2020. 10. 25.
[React Native] Child Navigator 에서 Parent Navigator 의 Header Title 바꾸는법 (feat. stackoverflow) 출처 : stackoverflow.com/questions/60363195/react-navigation-header-title-in-nested-tab-navigator React Navigation header title in nested tab navigator I have a Tab Navigator inside a Stack Navigator and I want the header title to be dynamically configured as the title of the tab selected. Like there's 3 tabs: Home, Profile, Add Item and I want the stackoverflow.com [원글] I have a Tab Navigator ins.. 2020. 10. 4.
[React Native & Expo] Google Login 구글로그인 www.youtube.com/watch?v=ZcaQJoXY-3Q&ab_channel=UnsureProgrammer www.youtube.com/watch?v=GZKaVJEd4JU&ab_channel=UnsureProgrammer 순서대로 따라하면 된다. 2020. 9. 29.
[React Native & Expo & Firebase] Google Login_React Navigation Basic [Using Visual Studio Code] [Using Firebase] reactnavigation.org/docs/getting-started Getting started | React Navigation What follows within the Fundamentals section of this documentation is a tour of the most important aspects of React Navigation. It should cover enough for you to know how to build your typical small mobile application, and give you the background that you reactnavigation.org np.. 2020. 9. 28.
[React Native & Expo] expo 프로젝트 시작하기 Expo 프로젝트 시작하기 (Windows 10) docs.expo.io/ Introduction to Expo - Expo Documentation Introduction to Expo Expo is a framework and a platform for universal React applications. It is a set of tools and services built around React Native and native platforms that help you develop, build, deploy, and quickly iterate on iOS, Android, and web ap docs.expo.io 위 페이지에 상세한 내용이 담겨 있다. Expo를 활용하여 React Nativ.. 2020. 9. 28.
[Android Studio] 프로젝트 내의 원하는 문자열 찾기 Find in Path... Edit - Find - Find in Path... 단축키 : Ctrl + Shift + F (in Windows,Mac) 문자열이 포함된 라인의 위치를 알려주고 선택하면 소스가 아래 창에 떠서 바로 수정할 수도 있다. 2020. 6. 18.
반응형