내맘대로 개발일지

📱테스트 환경"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 와 동일하다.

📱테스트 환경"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 ..

📱테스트 환경"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추가해주면 끝!면 좋겠지만 .. 진짜 프로젝트 생성할때마다 에러를 겪어서 해당 방법을 ..

📱테스트 환경"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 ..

📱테스트 환경"react": "18.2.0""react-native": "0.74.2"스플래시 화면을 보여주는 모듈이 있다고 하여 설치하고 사용하려고 한다.react-native-splash-screen해당 모듈을 설치하고 ~App.tsx 에서 useEffect 안에 넣어주면 되는데 나는 1초의 시간동안 보여주기로 했다.useEffect(() => { setTimeout(() => { SplashScreen.hide(); }, 1000); //스플래시 활성화 시간 }, []);나는 Window 환경에서 개발하기 때문에 AOS 쪽만 설정해줬는데// MainActivity.ktoverride fun onCreate(savedInstanceState: Bundle?) { Splas..

📱테스트 환경"react": "18.2.0""react-native": "0.74.2"React Native 는 로컬에 있는 svg 파일을 바로 불러올 수 없다고 한다 .. ( 특이하네 .. )아무튼 로컬에 있는 이미지를 사용하려면 모듈을 설치해서 사용해야 한다고 하는데방법은 다음과 같다.yarn add react-native-svg모듈 설치 후 (IOS) pod install 도 해주고 ~yarn add --dev react-native-svg-transformer추가적으로 transformer 모듈도 설치해주면 import 할 수 있게 된다.마지막으로 추가적은 프로젝트 설정이 필요한데metro.config.js 파일 생성 ( 있다면 수정 )const {getDefaultConfig, mergeCon..

📱테스트 환경"react": "18.2.0""react-native": "0.74.2"최근에 React-native 개발을 준비하고있다.React로 웹개발은 해봤었는데 앱개발이 꿈이였던지라 강의들으면서 새롭게 준비하고있다.프로젝트를 생성할일이 많을 것 같아서 기록하기로 했다.최신버전 설치npx react-native init projectName특정버전 설치npx react-native@0.73.8 init ProjectName --version 0.73.8그다음 설치가 완료되면해당 프로젝트 터미널로 와서 bundle install 그다음 Android 시뮬레이터 키고 yarn start 해주면 확인할 수 있다.Ios 같은 경우에는 cd ios 폴더로 이동해 준 다음 pod install 을 실행해주..

📱테스트 환경"nuxt": "^3.11.2""vue": "^3.4.21""vue-router": "^4.3.0"데이트피커를 넣으려고하는데 로 넣으니까 너무 몬생겼다 ..몬생겨도 너무 몬생겨서 디자인 프레임워크를 이용하고 싶었는데또 React 를 개발을 주로 하다보니 Antd 가 생각이 났다.하지만 Antd 가 아무래도 React UI 에 맞춰져서 가이드도 그렇게 되어있다보니Nuxt 에서 하려니까 좀 애를 먹고 있었다..https://2x.antdv.com/components/overview/일단 Nuxt 의 Antd 는 여기서 확인할 수 있고 DatePicker 를 사용하는 방법은 다음과 같다.// nuxt.config.tsexport default { ... modules: [ ... ..