티스토리

CaffeLatte의 Programming

검색하기

블로그 홈

CaffeLatte의 Programming

success206.tistory.com/m

공부하자!

구독자: 1

방명록 방문하기

주요 글 목록

[React Native] pnpm monorepo 사용 시, metro error react-native 0.72.4 프로젝트가 pnpm monorepo로 되어 있고 mobile을 추가하기 위해 React Native CLI Quickstart로 프로젝트 설치 및 설정하고 pnpm start 실행하니 두둥! error: Error: Unable to resolve module react-native from /Users/project.../index.js: react-native could not be found within the project or in these directories: node_modules ../../node_modules 역시 react native는 만만한 상대가 아니였... 이것저것 테스트해 본 결과, yarn으로 실행시에는 yarn start나 yarn .. 공감수 0 댓글수 0 2023. 9. 15.
[React Native] Ignoring ffi-1.15.0 because its extensions are not built 오랜만에 React Native를 최신버전(0.72)으로 설치 후 실행해보았다 두둥! 넌 누구냐... 프로젝트 생성하고 실행한 거 밖에 없는데 warning과 error들 warning: Unable to read contents of XCFileList error: Unable to load contents of file list 등등... 계속 모른체하고 옛날 지식으로 pod install을 추가로 실행해보았더니, Ignoring ffi-1.15.0 because its extensions are not built. Try: gem pristine ffi --version 1.15.0 Ignoring ffi-1.15.0 because its extensions are not built. Try: ge.. 공감수 0 댓글수 0 2023. 9. 7.
[Sourcetree] .huskyrc command not found 에러 Next.js 프레임워크로 웹 프로젝트 진행 중, husky 추가 후 Sourcetree에서 commit시 error가 발생했다(터미널 명령어로는 동작) 구글링 결과, Mac의 GUI 앱에서 Path 환경변수를 올바르게 인식하지 못하는데서 발생하는 문제라고 한다 마침 nvm을 사용하고 있었고 # ~/.huskyrc export NVM_DIR="$HOME/.nvm" [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" 위의 설정과 비슷한 내용을 설정해본 기억이 있어 적용해 보았더니, Sourcetree에서 문제없이 commit과 push가 되었다 아래는 참고한 사이트이고 관련 내용뿐 아니라 Path 환경변수 관련하여 추가 내용이 있어 읽어보면 좋을듯 하다 Sourcetre.. 공감수 0 댓글수 0 2023. 8. 4.
[MacOS] 터미널에서 숨김 파일 생성하기 terminal에서 .huskyrc 숨김 파일 만들 필요가 있어서 만드는 김에 정리해보자! cat > .huskyrc 파일의 내용을 입력해도 되고 안해도 됨 그 후 control + c로 프로세스 종료 시켜주면 파일 생성 완료 ls -a 명령어로 파일 확인 vi .huskyrc 명령어로 내용 확인 및 수정 가능 끝. 공감수 0 댓글수 0 2023. 8. 4.
[VSCode] 자주 쓰는 단축키 정리 MacOS를 위한 단축키 단축키 설명 shift + option + o import 자동 정리 shift + option + f 코드 자동 정렬 F2 기호 이름 바꾸기 control + - 이전 위치로 이동 F12 해당 정의로 이동 shift + command + space 파라미터 힌트를 보여줌 Search and replace 단축키 설명 command + d 첫번째 단어 선택 후 다음의 동일한 단어 선택하며 계속 추가 끝. 참고. https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf 공감수 1 댓글수 0 2023. 7. 21.
[Git] 경고: 원격 호스트 ID가 변경되었습니다! Auto fetch failed @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @ WARNING: REMOTE HOST IDENTIFICATION HAS CHANGED! @ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ IT IS POSSIBLE THAT SOMEONE IS DOING SOMETHING NASTY! Someone could be eavesdropping on you right now (man-in-the-middle attack)! It is also possible that a host key has just been changed. 갑자기 IDE에서 경고 알림을 보.. 공감수 0 댓글수 0 2023. 3. 31.
[React Native] TypeScript 빨간맛, 'View' cannot be used as a JSX component. react: 17.0.2 react-native: 0.65.1 TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element. The types returned by 'render()' are incompatible between these types. Type 'import("/Users/.../node_modules/@types/react-native/node_modules/@types/react/index"). ReactNode' is not assignable to type 'React.ReactNode'. Type '{}' is not assignable to type 'Rea.. 공감수 0 댓글수 0 2022. 9. 26.
[React Native] Keychain에 android.keystore 암호 저장하기 only for OS Publishing to Google Play Store · React Native Android requires that all apps be digitally signed with a certificate before they can be installed. In order to distribute your Android application via Google Play store it needs to be signed with a release key that then needs to be used for all future upd reactnative.dev 위의 문서에서 보면 Setting up Gradle variables에서 Note에 Avoiding plaintext passwords in.. 공감수 0 댓글수 0 2022. 9. 24.
[React Native] CodePush Test 방법 CodePush 설정을 다했다고 가정. Android와 iOS 모두 가상기기에 설치를 했다면 codepush를 해보자 React Native Project에서 간단하게 Text만 변경해놓고 appcenter codepush release-react -a / -d 추가적인 옵션은 react-native-code-push문서에 나온 것처럼 CLI docs 등에서 확인하자 codepush가 완료되면 appcenter codepush deployment list -a / 위의 명령어로도 확인할 수 있고 MS Visual Studio App Center에서도 확인할 수 있다(이건 이미 기본 설정을 했으니 알겠지만 정리 차) 기본적인 설정만 했다면 기기에서 codepush를 다운로드 완료 후에 다음 앱 재시작 때 .. 공감수 0 댓글수 0 2022. 9. 24.
[React Native] CodePush 설정 시, 추가해야 될 부분 정리 react: 17.0.2 react-native: 0.65.1 react-native-code-push: 7.0.5 GitHub - microsoft/react-native-code-push: React Native module for CodePush React Native module for CodePush. Contribute to microsoft/react-native-code-push development by creating an account on GitHub. github.com 해당 라이브러리를 사용하여 구현하던 중 문서에서 부족한 부분을 정리해 본다 Multi-Deployment Testing을 적용하던 중... Android의 경우(터미널과 에뮬레이터를 사용), GitHub - mic.. 공감수 0 댓글수 0 2022. 9. 20.
[React Native] iOS build commands failed (M1 mac) x86_64... 몇 일 전만해도 잘 빌드되던 것이 갑자기 에러를 뿜어냈다(건드린 게 없는데;;) The following build commands failed: CompileSwift normal x86_64... EmitSwiftModule normal x86_64... CompileSwiftSources normal x86_64... (3 failures) info Run CLI with --verbose flag for more details. error Command failed with exit code 1. info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command. 자세히 보아하니 공통된 아이들이 보인다. norma.. 공감수 0 댓글수 0 2022. 9. 8.
[React Native] I get the warning "Non-serializable values were found in the navigation state" 에러 React Navigation을 사용하여 다른 화면으로 데이터를 넘길 때 발생하는 에러이다 https://reactnavigation.org/docs/troubleshooting/#i-get-the-warning-non-serializable-values-were-found-in-the-navigation-state https://reactnavigation.org/docs/troubleshooting/#i-get-the-warning-non-serializable-values-were-found-in-the-navigation-state reactnavigation.org React Navigation 문서에서 몇몇의 use case가 있다 내 경우엔 Date 객체가 문제였고, 이를 복잡한(?) 데이터.. 공감수 0 댓글수 0 2022. 8. 13.
[React Native] Blur 효과 만들기 1. https://github.com/Kureev/react-native-blur GitHub - Kureev/react-native-blur: React Native Blur component React Native Blur component. Contribute to Kureev/react-native-blur development by creating an account on GitHub. github.com 라이브러리를 이용한 blur 방법이다 해당 사이트의 문서를 참고하자 2. https://reactnative.dev/docs/0.65/image#blurradius Image · React Native A React component for displaying different types o.. 공감수 0 댓글수 0 2022. 8. 5.
[Flutter] firebase 설치 시 pod install 에러 해결 iOS 기준, firebase 예제에 필요한 라이브러리 설치 중 에러 발생! Running "flutter pub get" in flutter_project... Launching lib/main.dart on iPhone X in debug mode... Running pod install... CocoaPods' output: ↳ Preparing Analyzing dependencies Inspecting targets to integrate Using `ARCHS` setting to build architectures of target `Pods-Runner`: (``) Finding Podfile changes A cloud_firestore - Flutter - firebase_core - .. 공감수 0 댓글수 0 2022. 7. 25.
[Flutter] iOS Simulator 실행 오류 해결 에러를 전체 복사하고 싶었지만 해결 후라 다시 볼 수가 없;; 암튼 에러의 조각은 이렇다. An error was encountered processing the command (domain=NSPOSIXErrorDomain, code=3.... 뭔가 안된다 싶으면 재부팅 신공! ...이 아니라 Simulator만 재실행 시켜주자 그리고 다시 실행시켜보면 잘 된다 해당 문제는 Xcode 업데이트로 인해 발생한듯하다. 업데이트하면서 iOS버전도 변경되어 그런 게 아닐까 싶다 끝. 공감수 0 댓글수 0 2022. 7. 4.
[MacOS] Homebrew 경로 변경하기 (아마 m1 이상의 맥북 때문에) Homebrew 설치 후 경로 변경이 필요할 때 brew config 입력하면 주르륵 나오는데 여기서 HOMEBREW_PREFIX: /usr/local 이거를 HOMEBREW_PREFIX: /opt/homebrew 이렇게 바꾸려고 한다 /opt/homebrew/bin/brew doctor Warning: Homebrew's "bin" was not found in your PATH. Consider setting your PATH for example like so: echo 'export PATH="/opt/homebrew/bin:$PATH"' >> ~/.zshrc 이렇게 나오고 echo 'export PATH="/opt/homebrew/bin:$PATH"' >> ~/.. 공감수 0 댓글수 0 2022. 6. 30.
[React Native] TextInput의 secureTextEntry 속성 적용 시 문제 회원가입 화면을 만들 때, 비밀번호와 비밀번호 확인으로 2번 입력을 받는다 이때 발생하는 문제! 개발환경은 react-native: 0.65.1 iOS: 15.2 ... ... 이렇게 연속으로 TextInput을 놓았을 때 발생한다 원인 불명하여 구글신에게 물어보니, TextInput의 속성으로 textContentType="oneTimeCode"로 해보라고 한다 역시는 역시 되긴 된다. 다만, textContentType="oneTimeCode"가 뭔진 알고 써야해서 또 찾아보니 iOS 12+에서 SMS로 도착하는 코드를 필드에 자동으로 채워주려 할 때 사용한다고 한다 react-native 0.68 거의 최신 버전과 iOS 15.4에서도 아직 지속되고 있다는 댓글도 있다보니 문제이긴 한듯... 빨리 .. 공감수 0 댓글수 0 2022. 4. 14.
[React Native] SVG 파일 사용 시, 터치이벤트 이슈 react-native-svg를 이용하여 svg파일을 컴포넌트로 적용으로 성공하였으나 이벤트를 주려고 하니 문제가 발생하였다. iOS만;; command + d를 눌러 Show Inspector로 확인해보니 영역을 이상하게 잡고 있는 부분이 확인되었다 구글신에게 물어보니 2가지 해결책을 제시해 준다 1. pointerEvents="none" function SvgComponent() { return ( // Svg 컴포넌트 ) } 2. overflow: hidden function SvgComponent() { return ( // Svg 컴포넌트 ) } 속성에 대한 정보는 직접 찾아보기로 하고 일단 여기까지 끝. 공감수 0 댓글수 0 2022. 4. 5.
[Windows] 윈도우 10 USB 만들기 윈도우 CD KEY만 있고 설치에 필요한 USB를 잃어버렸을 때를 위한 윈도우 10 USB를 만들어 보자 8GB 이상의 USB 하나를 준비하고 포맷을 하자(빠른 포맷) 그 후 마이크로소프트 사이트로 이동하여 Windows 10 다운로드 Windows 10용 ISO 파일을 다운로드한 경우, 해당 파일은 선택한 위치에 로컬로 저장됩니다.컴퓨터에 타사 DVD 굽기 프로그램이 설치되어 있으며 해당 프로그램을 사용하여 설치 DVD를 만들려는 경우, www.microsoft.com 지금 도구 다운로드로 .exe파일을 다운 받는다 실행 후 USB 관련된 내용으로 선택하면서 넘어가주면 설치가 시작된다 문제가 없다면 설치가 완료되었다는 문구가 뜬다 내 경우 0x8007000D 관련 오류가 발생하여 설정에서 앱을 선택한 .. 공감수 0 댓글수 0 2022. 4. 5.
[React Native] 이미지를 .svg 파일로 적용하기 다양한 해상도의 기기들을 만족시키기 위해 여러 .png파일을 사용해도 되지만, .svg파일 하나로 대응해보고자 한다(안드로이드에 .svg파일을 적용한 경험을 살려서!) GitHub - react-native-svg/react-native-svg: SVG library for React Native, React Native Web, and plain React web projects. SVG library for React Native, React Native Web, and plain React web projects. - GitHub - react-native-svg/react-native-svg: SVG library for React Native, React Native Web, and plain .. 공감수 0 댓글수 0 2022. 3. 20.
Color alpha값 또는 transparency(투명도) hexadecimal(16진수) 100~0%까지 정리 시작~ 100% FF 99% FC 98% FA 97% F7 96% F5 95% F2 94% F0 93% ED 92% EB 91% E8 90% E6 89% E3 88% E0 87% DE 86% DB 85% D9 84% D6 83% D4 82% D1 81% CF 80% CC 79% C9 78% C7 77% C4 76% C2 75% BF 74% BD 73% BA 72% B8 71% B5 70% B3 69% B0 68% AD 67% AB 66% A8 65% A6 64% A3 63% A1 62% 9E 61% 9C 60% 99 59% 96 58% 94 57% 91 56% 8F 55% 8C 54% 8A 53% 87 52% 85 51% 82 50% 80 49% 7D 48% 7A 47% 78 46% 75 45% 73 4.. 공감수 0 댓글수 0 2022. 3. 10.
[React Native] iOS Multiple commands produce... .ttf 또는 .otf 관련 에러 커스텀 폰트를 추가하려다 react-native link 명령어를 사용했더니... 두둥! 이런 에러를 Xcode에서 내뿜는다. 뿜뿜!! 확인해보니 react-native link 명령어로 인해 react-native-vector-icons에서 잠자고 있던 리소스들을 깨워(?) 중복이 발생하여 벌어지는 에러이다 위 이미지를 보면 react-native-vector-icons도 보이고 Zocial.ttf도 보인다 그래서 .ttf 관련 파일들의 참조를 없애주면 해결 가능하다 (추가로 android는 문제없었으며 iOS에서만 발생했다) 위 이미지와 관련된 에러를 Xcode에서 확인 시, Build Phases > Copy Bundle Resources에서 커스텀 폰트(.ttf나 .otf 파일)를 제외한 나머지 .. 공감수 0 댓글수 0 2022. 3. 10.
[React Native] android react-native-reanimated 에러 정상 작동하다가도 써드파티 라이브러리의 갑작스러운 에러는 이제 익숙하다(예견된 에러일지도...) 아래는 처음 프로젝트 생성시 추가되어 있던 dependencies의 react-native-reanimated 에러이다 attempt to invoke interface method boolean com.swmansion.reanimated.layoutReanimation.NativeMethodsHolder.isLayoutAnimationEnabled on a null object reference 일단 package.json의 상태를 확인해보자 react 17.0.2 react-native 0.65.1 react-native-reanimated 2.1.0 이렇게였고 github을 확인해보니 https://g.. 공감수 0 댓글수 0 2022. 2. 1.
[React Native] 명령어로 실행시, iOS Simulator 설정 간단하지만 몰라도 Xcode에서 직접 실행해도 된다 하지만 우리는 명령어로 실행시키고 싶기 때문에, 우선 Simulator의 종류를 찾아보자. Xcode를 실행 후 Window > Devices and Simulators를 선택하면 새로운 창이 뜨고 Simulators 탭을 클릭하면 여러 종류가 있는 것을 확인할 수 있다 명령어로 실행시키고 싶은 Simulator를 마음속으로 정한 후 package.json의 기본 설정에 보면 scripts에 ios부분이 있다 "scripts": { "android": "react-native run-android", "ios": "react-native run-ios --simulator \"iPhone 12\"", "start": "react-native start".. 공감수 0 댓글수 0 2022. 2. 1.
[MacOS] M1 맥북의 Arm64 관련 설정에 대하여 M1 맥북에서 아무 생각 없이, 아무 Java를 사용한다면 프로그램 빌드의 속도가 매우 답답하다 맥에서 활성 상태 보기를 실행했을 때, 아키텍처(Architecture) 부분에서 Java의 실행상태를 확인해보면 Intel일 확률이 높다 이것을 Apple로 바꿔줘야 하는데, Azul Zulu Arm64 Open JDK 같이 Arm64가 들어있는 JDK를 설치하고나서 설치한 Java 버전을 사용하면 아키텍처 부분이 Apple로 바뀐 것을 확인할 수 있으며 프로그램 빌드의 속도가 체감될 정도로 빨라진 것을 느낄 수 있을 것이다 Intellij나 Android도 Arm64와 관련된 프로그램을 다운받아 설치해야 아키텍처 부분이 Apple이 될 것이다 Intellij + Java나 Android + Java가 둘 .. 공감수 5 댓글수 0 2021. 8. 22.
[Android] TabLayout 각 탭의 이벤트 막기 TabLayout 사용 시, 각 탭의 클릭 이벤트를 막아야 할 때가 있다 아래의 코드는 모든 탭을 막는 코드이며, 필요에 따라 조건문을 처리해주면 된다 TabLayoutMediator(tabLayout, viewPager) { tab, position -> tab.view.isClickable = false }.attach() 끝. 공감수 0 댓글수 0 2021. 8. 22.
[Android] 업로드 키를 분실했거나 도난당했나요? https://support.google.com/googleplay/android-developer/answer/9842756?hl=ko&visit_id=637651608393102378-2301502517&rd=1#reset Play 앱 서명 사용하기 - Play Console 고객센터 도움이 되었나요? 어떻게 하면 개선할 수 있을까요? 예아니요 support.google.com Play console 고객센터에서 업로드 키를 분실했거나 도난당했을 때 재설정을 요청할 수 있는 방법을 안내해준다 1. 새 키를 만들고 https://support.google.com/googleplay/android-developer/answer/9842756#create Play 앱 서명 사용하기 - Play Consol.. 공감수 0 댓글수 0 2021. 8. 22.
[React] Editor 선정하기 에디터의 선정 기준으로는, 1. HTML 에디터 전환이 가능해야 함 2. 사진 업로드가 되어야 함 2개의 기준으로 선정을 해봤을 때, https://github.com/tinymce/tinymce-react GitHub - tinymce/tinymce-react: Offical TinyMCE React component Offical TinyMCE React component. Contribute to tinymce/tinymce-react development by creating an account on GitHub. github.com https://github.com/summernote/react-summernote GitHub - summernote/react-summernote: Summern.. 공감수 1 댓글수 0 2021. 8. 22.
[React Native] Google AdMob 시작하기 invertase/react-native-firebase 🔥 A well-tested feature-rich modular Firebase implementation for React Native. Supports both iOS & Android platforms for all Firebase services. - invertase/react-native-firebase github.com ...를 사용하여 구글의 애드몹을 붙여보자 공식문서는 https://rnfirebase.io/ 이거인 거 같은데, AdMob 관련자료는 https://rnfb-docs.netlify.app/admob/usage 여기에 있다(무슨 차인지 아시는 분 댓글 좀...) React Native Firebase | React .. 공감수 1 댓글수 3 2021. 7. 19.
[Android] 이상한 안드로이드 권한 거부 java.lang.SecurityException: Permission Denial: null asks to run as user 179 but is calling from user 0; this requires android.permission.INTERACT_ACROSS_USERS_FULL or android.permission.INTERACT_ACROSS_USERS 에러가 발생하는 이유를 정확히 파악하진 못했지만 구글링 결과, userId를 사용하는 Activity나 Fragment에서 EditText나 관련된 라이브러리를 사용하면 발생하는 것으로 확인된다(Why?!) 정확한 이유를 몰라서 일단은 userId를 다른 이름으로 변경해서 실행했더니 잘된다 찜찜하지만 일단 끄읕. 공감수 0 댓글수 0 2021. 6. 3.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.