본문 바로가기

Framework & Library

Export namespace should be first transformed by `@babel/plugin-proposal-export-namespace-from` [error] 2022. 9. 6. react-native 릴리즈 버전으로 aab 뽑다가 발생한 에러 고치기 2편이 되시겠다 상단의 에러가 발생했을 경우엔, babel.config.js 파일에, plugins 를 한줄 추가해주면 된다ㅏㅏㅏ module.exports = { ... // 아랫 줄 추가 plugins: ['react-native-reanimated/plugin'], }; 설정 파일을 고쳤으면?? cd android , gradlew clean 필수 !! 출처 : https://stackoverflow.com/questions/72927722/export-namespace-should-be-first-transformed-by-babel-plugin-proposal-export-n Export namespace should be..
abb 파일 릴리즈 버전으로 뽑기 [android] 2022. 9. 6. 험난하고 힘들었던, android 개발이 끝나고.. 구글 플레이 스토어에 어플을 등록할 일만 남았다..! 21년도 8월 부터 구글 플레이 스토어에는 (강제) 기존의 apk 파일이 아닌, aab 파일을 사용해서 올려야하는데, 둘의 차이는 아래를 참고 더보기 apk : 이미 완성된 안드로이드 앱파일 aab : apk를 완성해 주는 요소를 담은 패키지 릴리즈용 aab를 뽑기 위해서는 먼저, key store가 필요하다! 본인의 프로젝트 경로에서 터미널을 열고, 아래의 코드를 치면, 해당 파일을 만들 수 있다 keytool -genkey -v -keystore your_key_name.keystore -alias your_key_alias -keyalg RSA -keysize 2048 -validity 1000..
requirenativecomponent "RNSScreen" was not found in the uimanager [error] 2022. 9. 6. 그래.. 이렇게 쉬우면 android가 아니지 테스트를 위해 debug 버전으로 뽑은 aab는 어플 출시용이 아니기때문에, 릴리즈 버전으로 신나게 최종 aab를 뽑다가... 에러를 만났다 (그리고 이 문제들을 해결하기까지 몇일이 걸리게 되는데ㅔㅔ) 내가 만난 에러들 ---> 해결 방식에 따라 묶음 requirenativecomponent "RNSScreen" was not found in the uimanager "이부분만" 바뀌어서 나는 위의 에러의 경우엔, 본인 프로젝트 파일의 android/app/src/main/java/com//MainActivity.java 에서 import 문과, packages 부분을 적절하게 추가해주면 해결 된다ㅏㅏㅏ --> 추가 하기 전에 본인의 에러 메시지 문구와, 프..
mix: not found [laravel project] 2022. 8. 10. npm run dev 시에 발생한 mix not found 에러 해결법 npm install laravel-mix@latest 출처 : https://stackoverflow.com/questions/65718391/laravel-npm-command-mix-not-found Laravel, NPM: Command "mix" not found Does anyone have an idea why it throws the following error and how to fix it? I have also tried to reinstall all packages using npm install several times. Reinstalling NodeJS on Windows didn't work... stac..
React 개발환경 구축 - 코딩애플 강좌 참조 2022. 2. 10. 짧고 굵게 1. node.js 공식 홈페이지에서 본인 컴퓨터 사양에 맞는 (mac, windows, 64bit, 32bit 등) node.js 설치 -> npm 사용 위해 (create-react-app과 같은 명령 실행 가능) 2. 리액트 공부를 위한 폴더 내에 리액트 npx create-react-app [리액트 플젝명] 끗! +++ 각 파일들 토막 설명 더보기 App.js - 해당 페이지 내용을 index.html에서 확인 할 수 ㅇ node_modules - 라이브러리 모음 (내가 설치한) public - static 파일 보관함 (동적변화가 없는 고정파일들) - build시 압축되지 않음 src - source 코드들 존재
특정 페이지로 이동시 자동으로 새로고침 일어나게 하기 2021. 10. 14. ++ 서론 더보기 어플 개발 중에, 뒤로가기나 특정 페이지를 방문시엔 무조건 새로고침이 먼저 되게끔 해야하는 경우가 생겼다ㅏㅏㅏ 예를 들어, 예적금을 마친 뒤, 뒤로가기로 내 통장내역 페이지에 들어왔을 때, 이전의 데이터들이 아닌, 예적금이후의 데이터가 들어오게끔! 방법은 아래와 같다ㅏㅏ import { useIsFocused } from '@react-navigation/native'; const History = () => { const isFocused = useIsFocused(); useEffect(() => { setData(); }, [isFocused]); } 해당 기능의 구현은 아래 출처의 리액트 훅을 이용했다ㅏㅏ 출처 : https://reactnavigation.org/docs/fun..
<YouTube> Android : youtube player has been released crash error 2021. 10. 8. 리액트 네이티브로 안드로이드 개발 중, 유투브 태그를 사용했을 때, 네비게이션을 이용해 다른 페이지로 넘어갔다가, 다시 뒤로가기 버튼으로 해당 페이지로 돌아오면, 유투브 플레이어에서 에러가 나는 것을 확인했다ㅏㅏㅏ 검색결과, 다른분들은 보통 해당 페이지에 다시 들어올때, 유투브 태그를 통째로 삭제했다가, 재렌더링하는 식으로 만드시는 듯 했는데, 나는 그렇게 해도 안되더이다... ㅎ 때문에 열심히 다시 서치 후, 완벽하지만은 않은(?) 해결법을 찾았다ㅏㅏ 간단하게 내가 만든 유투브 태그에 속성하나를 추가해주기만 하면 된다ㅏㅏ 위를 추가해주면, 어플은 더이상 꺼지지 않지만, 유투브 플레이어가 검은화면으로 나오고, 다른 페이지에 들어갔다 나와야 정상작동된다..! ㅠ 때문에 다른 해결법을 서치ㅣㅣㅣ 아에 라이브..
React-Native 최초 설치 후 에러 2021. 9. 28. React-Native 최초 설치 후 에뮬레이터 실행할 경우 위와 같은 오류가 발생 아래 블로그의 글에서 해결 방법을 찾아, 포스팅해둔다! 출처 : https://velog.io/@s2ilver8/React-Native-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0 [React Native] 시작하기 Expo CLI 준비 : Node.js, 디바이스 또는 에뮬레이터가장 쉽게 시작할 수 있는 방법으로 React Native를 중심으로 구축된 도구 세트이다. 많은 기능 포함되어 있지만 필요없는 기능까지 설치되어 무겁다. velog.io

티스토리툴바