차근차근 생활 & 코딩

아래와 같은 오류가 발생하여 해결 방법에 대해 정리 해보도록 하겠습니다. 코드 삽입 아래 코드를 입력하면 오류가 사라지게 됩니다. 'prettier/prettier': ['error', {endOfLine: 'auto'}], 혹시나 사라지지 않는다면 아래쪽 CRLF를 선택하면 상단에 새로운 창이 보이게 되는데 이때 LF 변경하여 줍니다. LF 변경되면 에러명이 사라지게 됩니다. 수고하셨습니다.

안녕하세요. 이번시간에는 React Native 안드로이드 버전 카카오 로그인을 구현해 보도록 하겠습니다. 카카오 로그인 구현이 초보자들은 쉽지는 않으니 천천히 따라 해 보시길 바랍니다. Android(안드로이드) Step 1. 설치하기 yarn add @react-native-seoul/kakao-login * 설치 후 바로 ReactNative를 실행하시면 오류가 발생할 수 있으니 설치 후 아래 순서대로 전부 작업 후 ReactNative를 실행하시길 권장합니다. Step 2. 키해시 등록 아래 명령어를 입력을 통해 키해시 등록을 진행 하도록 합니다. keytool -exportcert -alias androiddebugkey -keystore ./android/app/debug.keystore -s..

안녕하세요. 이번 시간에는 리액트 네이티브 파이어베이스 애드몹 광고 게시하는 방법에 대해 알아보도록 하겠습니다. Installation(설치) app, admob 2개의 앱 모듈을 설치하도록 하겠습니다. # Install & setup the app module npm install --save @react-native-firebase/app@11.5.0 # Install the admob module npm install --save @react-native-firebase/admob * 주의사항 : 애드몹을 사용하기 위해서는 Firebase 11.5.0 버전으로 사용하셔야 합니다. Firebase 최신 버전으로 admob을 사용 시 지원하지 않는다고 합니다. 꼭 버전을 맞추어 작업하시길 바랍니다. 구..

이번 시간에는 명령어를 통해 apk 파일을 손쉽게 만드는 방법에 대해서 알아보도록 하겠습니다. Bundle 파일 생성 현재 프로젝트 CMD 창에 명령어를 입력해 줍니다. react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/ *에러 발생시 대처 사항 - android\app\src\main 폴더 안에 assets 폴더를 추가해 줍니다. error ENOENT: no such file or directory, open 'C:\Users\tistor..

안녕하세요. 이번 시간에는 React Native APK 추출할 때 용량도 줄이고, 구글 콘솔에 업로드를 시킬 수 있는 aab 파일을 생성하는 방법에 대해서 알아보도록 하겠습니다. 키 생성 my-upload-key과 my-key-alias을 원하는 이름으로 작성하셔도 되고 아래 코드를 그냥 사용하셔도 무관합니다. $ keytool -genkeypair -v -keystore my-upload-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000 명령어 입력 후 추가 입력창이 나오시면 입력해 주시면 되는데 마지막 yes 입력해주시면 입력이 종료됩니다. Enter your keystore password: Re-enter new..

이번시간에는 함수타입에 hook으로 onChnage 사용 방법에 대해 알아보도록 하겠습니다. 방법은 총 2가지에 대해 설명 드리도록 하겠습니다. ① Input이 한개의 경우 ② Input이 여러개의 경우 Step. 1 (Input이 한개의 경우) 상태 변수 만들기 const [text, setText] = useState(''); onChange 함수 만들기 const onChange = (event) => { console.log('onChange Event', event); setText(event.target.value); }; 전체 코드 import React, { useState } from 'react'; export default function Index() { const [text, se..

안녕하세요. 이번시간에는 react-native-vector-icon 설치 후 아이콘이 X로 깨져 보이는 현상이 발생되게 됩니다. 해결 방법은 간단합니다. # android/app/build.gradle 폴더로 이동 후 아래 코드 복사 apply from: "../../node_modules/react-native-vector-icons/fonts.gradle" 다시 앱을 실행하시면 아이콘이 정상적으로 확인 됩니다. 수고 하셨습니다.

react-native 네이버 지도를 설치하려고 아무리 npm install 명령어를 입력해 보아도 에러가 계속 발행하였다. 현재 글 작성 기준으로 react-native 최신 버전은 0.66.3 버전으로 작업해 본 결과는 npm 설치가 안되었고, 구 버전인 0.60.5 버전에서는 네이버 지도 설치가 되는 것을 확인했다. 결론은 설치가 안되는 원인으로는 ReactNative 버전으로 인한 문제가 발생된 것으로 생각이 든다. 설치 오류 버전(0.66.3) 설치 성공 버전(0.60.5) 수고하셨습니다 [React Native] RN 특정 버전 프로젝트 생성 이번 시간에는 간단한 특정 버전으로 설치하는 방법에 대해 알려드리도록 하겠습니다. 아래 코드를 활용하여 실행해 주시면 설치 됩니다. $ react-nat..