내맘대로 개발일지

[RN] 스크린 이동하기

📱테스트 환경"react": "18.2.0""react-native": "0.74.2"Nuxt 에서 사용하던 Router.push() 나React 에서 사용하던 navigate 를 사용하고있었다.간단하게 사용할 순 있는데 자꾸 까먹게되서 설정하는 방법을 기록하려고 한다.const TestCalcScreen = ({navigation}: NavigateProps) => { return (...)}export default TextScreen해당 컴포넌트를 생성할때 호출해주면된다.NavigateProps 타입은 만들어서 사용해주면되는데// types.tsximport {NativeStackScreenProps} from '@react-navigation/native-stack';import {RootS..

[RN] Button 만들기

📱테스트 환경"react": "18.2.0""react-native": "0.74.2"React 에서 사용하던 을 사용하려고 보니 당연히 안됐고 ..이게 몇개있는데 사용방법은 다른 글을 확인해보면 좋다. [RN] Input 사용하기📱테스트 환경"react": "18.2.0""react-native": "0.74.2"React 와 React-Native 가 같다고 하니Input 도 당연히 이렇게 쓰려고 하니 당연히 안됐고 ^^ ..React Native 에서 Input 을 사용하는 방법은 다음과 같다.import { T8735.tistory.com   [RN] Alert 사용하는 방법📱테스트 환경"react": "18.2.0""react-native": "0.74.2"버튼을 눌렀을 때 API 사용후..

[RN] Input 사용하기

📱테스트 환경"react": "18.2.0""react-native": "0.74.2"React 와 React-Native 가 같다고 하니Input 도 당연히 이렇게 쓰려고 하니 당연히 안됐고 ^^ ..React Native 에서 Input 을 사용하는 방법은 다음과 같다.import { TextInput } from 'react-native'; setYear(v)}/>특이점은 Input 의 type 처럼keyboardType 을 통해 키보드 타입을 선택할 수 있다.나머지는 React 와 동일하다.

[RN] Alert 사용하는 방법

📱테스트 환경"react": "18.2.0""react-native": "0.74.2"버튼을 눌렀을 때 API 사용후에 '소중한 한표 감사합니다❤️' 창을 띄워주고 싶었는데React 나 다른 JS 에서 alert('소중한 한표 감사합니다❤️') 이렇게 썼으니까 ..어차피 RN 도 React 기반이니까 똑같거니 했더니 역시 안됐다 ^^React Native 에서 Alert 를 사용하는 방법은 다음과같다.import { Alert } from 'react-native';Alert.alert('소중한 한표 감사합니다❤️')이렇게 아주 간단하게 사용할 수 있다.더 자세한 사용방법은 공식문서에서 확인해볼 수 있는데확인누르고 콜백받아서 처리를 하거나,타이틀이나 텍스트도 정해줄 수 있다. Alert · React ..

📱테스트 환경Medium Phoen API 35 ( Android Simulator )테스트 기기를 다른 분 빌려줘서 오랜만에 시뮬레이터를 썼다 ㅎ아무튼 유지보수 할 일이 생겨서 코드를 보는데 마지막 커밋이 3년전 크 ~진짜 손대기 싫었지만 이젠 더이상 미룰 수 없다 .. 라서유지보수를 진행하는데 먼저 targetSdkVersion 을 34 로 올려달라고 하셔서( 원래는 21 이였다 ㅎ )올리려고 보니 ~ 에러가 굉장해 엄청나 ~아무튼 열심히 에러를 고치고 보니 WebView 가 호출되기 전 검정화면이 보이게 됐다.처음엔 스플래시화면 오류인가 싶었지만 웹뷰 호출전 에러라는걸 확인했고사용자가 보기에는 놀랄만한 요소이기 때문에해당배경을 투명하게 적용해주도록 해서 흰색배경에 로딩바가 돌아갈 수 있도록 했다..

📱테스트 환경"react": "18.2.0""react-native": "0.74.2"광고를 붙여야 돈을 벌 수 있으니 광고를 붙여보려고 한다.근데 Android 는 좀해봤어도 IOS 개발은 안해봐서 설정에 좀 애먹다보니해당 설정하는 내용을 기록하려고 한다!Podfile 에pod 'Google-Mobile-Ads-SDK'해당 내용 추가해당 내용은target 'ProjectName' do안에 넣어주면 된다.그다음 Xcode 에서File > Add Package Dependencies... 에서https://github.com/googleads/swift-package-manager-google-mobile-ads.git추가해주면 끝!면 좋겠지만 .. 진짜 프로젝트 생성할때마다 에러를 겪어서 해당 방법을 ..

PC 를 변경하면서 키도 같이 잃어버렸다 ㅎ저장해놓고 잃어버리면안되는데 참 멍청하게 바로 잃어버려서 ..업로드를 하려고 하니 당연히 에러가 발생했다.android studio Android App Bundle이 잘못된 키로 서명되었습니다. 제대로 된 서명 키로 App Bundle에 서명한 다음 다시 시도해 보세요.Build > Generate Signed App Bundle/App... > Android App Bundle > Create new...를 통해서 키를 새롭게 만들어주고keytool -export -alias -keystore -rfc -file .pem입력해주면 .pem 파일이 생성되면 준비는 끝났다.Google Play Console 로 이동 후 설정 > 앱 서명 > 업로드 키 재설정..

📱테스트 환경"react": "18.2.0""react-native": "0.74.2"최근 이제 React Native 로 IOS 플랫폼 개발도 하다보니 맥에서 개발을 시작했는데나는 IOS 개발이 이번이 첨이라 참 .. 어려웠는데[!] Failed to load 'glog' podspec: [!] Invalid `glog.podspec` file: undefined method `[]' for nil.이 에러가 참 날 정신나가게 만들었다 ㅎpod install 을 진행할때마다 해당 에러가 발생하면서 Podfile.lock 파일이 생기지도 않았고xCode 시뮬레이터도 계속 에러만 뱉어내니 너무 답답했는데원인이 코드에 있지않아 너무 슬펐는데 xCode 의 경로를 차지 못해서 발생한 에러였다.sudo xco..

React Native Error : java.io.UncheckedIOException: Could not move temporary workspaceWhat went wrong: java.io.UncheckedIOException: Could not move temporary workspace (C:\Users\Sreya\Desktop\sreya\love-knot\android.gradle\8.6\dependencies-accessors\stackoverflow.com아니 무슨 프로젝트를 생성할때마다 에러가 발생해 ..답답해서 이것저것 찾아보고있었는데 여기서 알려준 버전 다운그레이드가 가장 효과적이였다.IntelliJ 에러라는말도 있고 하는거보면 나도 WebStorm 사용중이라 그런가 싶긴하다.아무튼..

나는 지금까지 React 개발을 하면서 스타일은 항상 Styled-components 를 사용해왔다.이유는 딱히 없었다.  React 처음할때 사용한 css 가 저거였을 뿐.그이후로도 쭉 React 관련 프로젝트를 할때마다 사용했고 익숙하니까 속도도 나왔다.근데 타의로 최근 scss 를 사용하게 되었는데 익숙함에 오는 거부감인지 왠지 자꾸 단점만 찾게되고다른사람들이 바보같아보였다. 근데 나는 저게 왜 좋은지도 모르고 쓰는건데이번기회에 어떤점이 좋은건지. 왜 쓰는건지 알고 사용하고더 좋은게 있다면 바꿀 수 있도록 하기위해 Styled-components 의 정리를 하려고 한다.npm install styled-componentsimport styled from 'styled-components'const ..