ETC/React Native 3

[React Native] iOS 빌드 시 ~.modulemap' not found

프로젝트 진행 중 master 와 브랜치를 병합하는 과정에서 빌드 오류가 발생했다. ~.modulemap' not found 라는 에러였는데, React Native 개발을 처음 접하기 시작했을때 비스무리한 경우를 겪었던 것이 떠올랐다. 당시에는 YogaKit 모듈맵을 찾지 못한다는 에러였는데, .xcodeproj 파일을 실행해서 생긴 문제였다. 해당 문제는 .xcworkspace 파일로 실행해서 해결했었는데, 이번 경우에는 이 방법이 통하지 않았다 ㅜㅜ 두 번째로 시도한 방법은, 모듈 재설치였다. 뭔가 모듈을 못찾는다는 에러가 발생하니 node_modules 혹은 podfile 에서 오는 문제라고 생각했고 프로젝트 디렉토리의 node_modules 폴더와 ios 폴더 내의 podfile.lock 파일을..

ETC/React Native 2021.08.15

[React Native] Linking / Deep Link

어플리케이션 내 컨텐츠를 외부로 공유하는 기능을 구현해야 해서, 링크를 생성하는 방법을 찾아보았다. React Native 내장 라이브러리인 Linking, Firebase 에서 제공하는 Dynamic Links 등의 방법이 있었다. 일단은 Linking 라이브러리를 이용하여 구현을 해보고자 하였다. 앱 내 컨텐츠에 접근하기 위해서는 특정되어있는 경로가 필요했다 그렇기 때문에 나는 해당 페이지를 나타내는 파일 내에서 링크를 생성하거나, 공유하고자 하는 페이지의 상위 페이지에서 링크를 생성한 후 특정 페이지의 id 값을 넘겨줘야 한다고 생각했다. 그래서 나는 Deep Link 에 대해 알아보았다. https://help.dfinery.io/hc/ko/articles/360039757433-%EB%94%A5..

ETC/React Native 2021.08.07

[React Native] Android Debug mode not working

리액트 네이티브로 프로젝트 빌드 시, 안드로이드에서 디버그 모드가 작동하지 않는 오류가 있었다. 디버그 모드가 작동되지 않았기 때문에 실시간으로 코드의 변동 사항도 확인할 수 없었고, 콘솔로 출력을 확인할 수도 없었다. 처음에는 단순하게 디버그 모드가 아닌 릴리즈 모드로 빌드가 되는 줄 알았으나, 알고 보니 이전에 빌드했던 릴리즈 버전으로 실행이 되고 있었다. 그래서 아래 명령어를 이용해 bundle 파일을 새로 생성해 빌드해 보았다. react-native bundle --platform android --dev true --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest a..

ETC/React Native 2021.08.04