차근차근 생활 & 코딩

안녕하세요. 이번 시간에는 시놀로지 나스에서 Django 연결을 해보도록 하겠습니다. 글의 내용이 긴편이니 천천히 따라하시면 됩니다. 필요한 분들께 도움이 됬으면 하네요. Step 1. Docker Ubuntu 설치하기 1) 도커 아이콘을 클릭 합니다. 2) 레지스트리 메뉴바를 클릭 합니다. 3) 검색 메뉴에서 ubuntu를 검색합니다. 4) 검색된 ubuntu를 더블클릭해 줍니다. 5) ubuntu 버전을 클릭해 주도록 합니다. 전 최신 버전으로 설치하도록 하겠습니다. 6) 이미지 메뉴바를 클릭해 주도록 합니다. 7) 설치된 ubuntu를 더블클릭해 줍니다. 8) 다음을 눌러주도록 합니다. 9) 본인이 원하는 컨테이너 이름을 작성해 주도록 합니다. 10) 컨테이너 이름 작성이 완료 되었다면 다음으로 넘..

안녕하세요. 이번 시간에는 구글 배포 후 카카오 로그인에 대해서 알아보도록 하겠습니다. 개발 할 때는 카카오 로그인이 잘 됩니다. 하지만 개발 후 구글 플레이어에 배포를 하면 카카오 로그인이 되지 않는 현상을 확인하게 됩니다. 카카오에서도 배포를 위해 SHA-1를 추가로 인증해 주어야 합니다. 구글 콘솔에 있는 키해시를 입력해야 됩니다. 하시만 SH1 인증서는 키해시와 다른 방식으로 작성이 되어 있습니다. 구글 콘솔에 SHA-1 인증서 지문을 base64로 컨버팅 해 주셔야합니다. Step 1. SHA-1 인증서 컨버팅 하기 ① 구글 콘솔에 접속하여 SHA-1 인정서 지문을 복사하도록 합니다. ② CMD 터미널을 실행하여 아래 명령어를 입력해 주도록 합니다. echo | xxd -r -p | openss..

안녕하세요. 이번 시간에는 카카오 키해시 등록하는 방법에 대해 알아보도록 하겠습니다. Step 1. 키 해시 수정하기 내 애플리케이션 > 앱 설정 > 플랫폼에 접속 후 수정 버튼을 클릭해 줍니다. 키 해시 여러 줄 바꿈으로 여러개를 등록 할 수 있어 등록 후 저장 버튼을 눌러 주도록 합니다. 간단히 등록이 됩니다. 수고하셨습니다.

카카오, 구글, 네이버 api 연동 시 키 해시를 입력해야 접속이 됩니다. 이럴 때 개발용(Debug Key)과 배포용(Release key) 두 가지를 가져오셔야 됩니다. #Debug Key 아래 코드 명령어를 치시면 디버그 작업 개발용 키 해시 값을 얻을 수 있습니다. keytool -exportcert -alias androiddebugkey -keystore ./android/app/debug.keystore -storepass android -keypass android | openssl sha1 -binary | openssl base64 명령어 입력 후 cmd 창에 예를 들어 Xo8123214214215yr9iU= 같은 문자가 나타나게 됩니다. #Release key 아래 링크에서 키값을 생..

안녕하세요. 이번 시간에는 앱 아이콘의 이름을 변경하는 것에 대해 알아보도록 하겠습니다. 어렵지 않으며 간단합니다. 파일 수정하기 \android\app\src\main\res\values\strings.xml 경로에 있는 appicons 부분을 수정해 주시면 됩니다. appicons 수고하셨습니다.

* What went wrong: Execution failed for task ':app:installDebug'. > java.util.concurrent.ExecutionException: com.android.builder.testing.api.DeviceException: com.android.ddmlib.InstallException: INSTALL_FAILED_UPDATE_INCOMPATIBLE: Package com.petmeeting signatures do not match previously installed version; ignoring! 앱을 삭제 후 다시 실행하시면 됩니다.

안드로이드 편 Part 1. 웹뷰에서 React Native로 메세지 데이터 보내기 Step 1. 설치하기 웹뷰를 사용 할 수 있도록 아래 명령어를 통해 라이브러리를 설치해 주시면 됩니다. npm i react-native-webview Setp 2. 웹뷰에서 rn으로 데이터 송신(전체 코드) import {View, Alert} from 'react-native'; import React, {useRef} from 'react'; import {WebView} from 'react-native-webview'; export default function App() { const html = ` Send `; const webviewRef = useRef(); /** 웹뷰 ref */ const hand..

안녕하세요. 이번 시간에는 안드로이드 권한 설정 하는 방법에 대해 알려드리도록 하겠습니다. 안드로이드(Android) 권한 설정 android > app > src > main > AndroidManifest.xml 경로에 아래 코드를 추가해 주도록 합니다. 권한요청 아래 코드를 활용하여 권한을 요청하도록 합니다. import { PermissionsAndroid } from 'react-native'; const requestPermission = async () => { if (Platform.OS === 'android') { await PermissionsAndroid.requestMultiple([ // PermissionsAndroid.PERMISSIONS.CAMERA, PermissionsA..