kasumil의 코딩 공작소

- 보통 대부분의 React Native 교재에선 보통 styled-component로 css를 컨트롤 할 것이다. 하지만, 회사에서 유지보수 측면에선 좋은 것은 아니므로 css를 한개에서 컨트롤 하는 것이 나을 것이다. 그렇기에 한개에서 컨트롤 하는 것을 적어보려고 한다. 호출 방법은 간단하다. const styles = require('../../cssstyle/StyleSheet').member; //css 위와 같이 styles에 함수 설정을 하고 해당 값으로 접근하여 해당 설정한 값을 보면 된다. css파일에선 이렇게 구성하여 놓는다. const { StyleSheet } = require('react-native'); module.exports = { member: StyleSheet.crea..

이 텍스트 값을 복사하도록 하겠습니다. 왼쪽 텍스트 복사하기 흔히 복사 기능을 넣는다면 볼수 있는 코드. 출처(m.blog.naver.com/opgj123/221511874378) 하지만 이것으로 할 경우 작동이 될때가 있고, 아닐때가 있어서 애를 먹었다. 그 이유가 보통 innerText가 있는데, value로 표기하여 못건드리게 하거나 할때가 있다. 하지만, 여기에 있다고 아무생각 없이 쓰는 사람들이 있을 수 도 있다. 그럴땐 console.log(text); 찍어보자. 속성값이 죄다 들어오니 innerText가 들어오거나 다른 속성 value로 들어온다거나 할 것이다. 그런 해당 값으로 읽을 수 있게 찍어 줘야한다. 그리고 나의 경우에는 input 창에 있는 value 값을 복사해와야 하므로 해당 ..

$('#createBtn').click(function(){ // input에 입력하는 값들을 뽑아서 변수에 저장 let text = $('#add_text').val(); // encodeURIComponent로 인코딩 합시당. // 이걸로 인코딩하는 이유는 배웠었는데 까먹었다.. 검색해봐야지. // 이유는 한글로 말해야 알아듣듯이 컴퓨터도 알아들을 수 있도록 인코딩해줘야 하니까. text = encodeURIComponent(text); // 뒤에 코드가 길어지니까 그냥 한번 변수에 주소를 저장 googleQRUrl = "https://chart.googleapis.com/chart?chs=400x400&cht=qr&chl="; // 이미지가 나타날 영역에 원하는 내용을 넣은 QR code의 이미지를..

해결방법 : Google Cloud API화면의 OAuth인증화면으로 들어가, 테스트 상태를 출시 상태로 변경하면 해결된다 출시 상태 후 다시 언제든지 테스트 상태로 돌아올 수 있으니 부담없이 변경하여도 된다. 최근부터 이 문제가 발생하기 시작한 것 같은데, 기존에 OAuth인증을 정상적으로 진행한 계정의 경우엔 아무 문제가 생기지 않는다. 출처 devgod.tistory.com/41 [Android/GPGS] Google Login/OAuth Infinite loop/loading gpgs를 연동후 EnableSaveGames옵션을 활성화 하면 로그인 후 흰 화면의 OAuth인증화면이 무한 로딩 걸리는 문제가 발생한다. 해결방법 : Google Cloud API화면의 OAuth인증화면으로 들어가, 테스..

github.com/react-native-google-signin/google-signin react-native-google-signin/google-signin Google Sign-in for your React Native applications. Contribute to react-native-google-signin/google-signin development by creating an account on GitHub. github.com 구글 로그인 연결을 하려고 한다. 난 firebase를 사용하지 않아야 하므로 더 어려웠다.(회사에서 쓸건데 돈내는 것을 써야한다면 욕먹으니까) 이전 React에서 웹에서도 clientid를 주는데 이건 어디에서 줘야하지? 기존에는 developer er..

네아로(네이버 아이디 로그인)는 문제가 많다. ㅡㅡ^;;;; 왜냐하면, 해당 네이버 로그인의 경우 일단 개발용인데도 검수를 요구하기때문이다. 나도 처음에는 그렇게 읽었다. 하지만, 실제로는 다르다. 이렇게 적은 네이버는 수정할 필요가 있다. ksnumerkey와 ksecretkey를 발급받기 위한 절차가 적혀있다. 저 url부분만 없어도 그냥 개발할텐데 왜 저걸 저 순서로 박아둔건지 모르겠다;;; url때문에 가짜 url주소를 기입해도 되는 지 몰랐었다. 순서를 위한 설명서 yoonbumtae.com/?p=1818 Spring Boot: "네이버 아이디로 로그인하기" 연동하기 (1) - BGSMM 깃허브에서 전체 코드 보기 - https://github.com/ayaysir/spring-boot-secu..

github.com/react-native-seoul/react-native-kakao-login react-native-seoul/react-native-kakao-login react-native native module for Kakao sign in. Contribute to react-native-seoul/react-native-kakao-login development by creating an account on GitHub. github.com 해당 라이브러리를 쓰는데, 아무리해도 로그인이 진행되지 않는다;;; 이것에 무려 3일이상 낭비를 -0- 시간 아까워라... 원인은 좀 이상한 이유였다. 안드로이드 스튜디오로 들어가 해당 프로젝트 - android 폴더를 클릭하면 해당 라이브러리들이..

error type 3 error activity class does not exist 이 문구의 에러는 원인은 여러가지이다. 하지만 나의 경우에는 다른 init으로 만든 android를 가져와 덮어 씌우는 문제에서 발생된 문제였기에 해당문제는 제목에 따른 문제였다. ''have"라는 이름으로 프로젝트를 만들었고 이것이 gradle을 만지다가 고장나버렸다. "div"라는 이름으로 긴급하게 만들어 div android파일을 have android 파일에 덮어씌웠더니 작동은 되는데 이상한 에러 문구가 뜬다. error type 3 error activity class does not exist 이러한 이유는 프로젝트는 have이나 실제로 구동되는 것은 div 프로젝트로 인식하기에 그렇다. 기존에 있는 bui..

cd android gradlew clean gradlew assembleRelease -x bundleReleaseJsAndAssets 출처 : github.com/facebook/react-native/issues/28510

- 오늘 학습한 내용. 직면한 에러 Execution failed for task ':app:mergeDebugAssets'. > Could not resolve all files for configuration ':app:debugRuntimeClasspath'. 해결 방법 cd android/ && ./gradlew clean build --refresh-dependencies cd ../ npm run android