썬이의 IT세상

RN 으로 개발중인 앱에 html로 받아오는 데이터들 중 텍스트의 색상을 지정해주지 않은 태그들은 디바이스의 다크모드/라이트모드 설정에 따라 블랙/화이트로 유동적으로 변경되게 되는데, 우리 앱에서는 디바이스 테마를 따로 제어하지 않아서 흰 배경에서 나오는 html 소스들이 다크모드로 실행되면 텍스트 색상이 white이기에 어려움이 있었다. 그래서 생각해낸 해결방법 중 하나는 앱의 테마를 라이트모드로 고정하는 것인데, 그 방법은 아래와 같다. [Android] android > app > src > main > res > values > styles.xml 경로에서 style 부분을 다음과 같이 바꿔준다. [IOS] info.plist 파일의 태그 안에 UIUserInterfaceStyle Light 코드..

받아오는 데이터 중 백오피스에서 텍스트 편집기로 입력한 데이터는 html로 들어오게 되어 react-native-render-html 라이브러리로 앱에 디스플레이 해주고 있는데, 편집기에서 컬러를 지정하지 않으면 앱에 테마(Light Mode/Dark Mode)에 따라 텍스트 색상이 다르게 적용되어 이슈가 생겼다. 해결 방법은 다음과 같다. # solution. const spanElementModel = HTMLElementModel.fromCustomModel({ tagName: 'span', contentModel: HTMLContentModel.mixed, getUADerivedStyleFromAttributes({ face, color, size }) { let style = {}; if (fa..

프로젝트를 새로 pull 받은 후 안드로이드 빌드 시 spawn ./gradlew ENOENT 에러로 빌드가 되지 않는 경우, chmod 755 ./gradlew 등 권한 문제를 해결하라는 방안이 많은데, 애초에 나는 gradlew 파일 자체가 없어서 권한을 줄 수도 없었다. 이럴땐 안드로이드 스튜디오에서 싱크를 맞췄는지 점검해보자. 프로젝트를 새로 받았을 땐 싱크 맞춰주기 기억하자!!

rn 71 version 이상부터 무언가 기존 라이브러리들도 gradle들도 pods들도 다 꼬이는 느낌... 무튼 제목과 같은 could not find any matches for com.facebook.react:react-native:+ as no versions of com.facebook.react:react-native are available 에러는 android/app/build.gradle 경로에서(android/build.gradle 파일이 아님) apply plugin: "com.android.application" apply plugin: "com.facebook.react" // add this com.android.application 밑줄에 위 코드를 추가해주면 해결된다.

M1 Mac Xcode로 빌드 시 제목과 같은 에러때문에 열심히 구글링을 해봐도 nvm unalias default 명령어로만 해결되었다고 하는데 나에게는 전혀 효과가 없었다. 그럼 node쪽에 문제가 있다는건 확실하니 계속해서 리서치한 결과 좋은 솔루션이 있어 적어보려 한다. 터미널에서 which node 명령어를 쳐서 node의 경로가 출력되면 복사해서, 프로젝트 루트/ios 폴더에 .xcode.env.local 파일을 생성한 후 export NODE_BINARY="/Users/ktaeyang/.nvm/versions/node/v19.7.0/bin/node" 위 한줄 예시처럼 " " 사이에 방금 복사한 node 경로를 붙여넣고 빌드해주면 해결될 것이다.

RN 앱과 unity를 연동하기 위해 @azesmway/react-native-unity 라이브러리를 설치하고 세팅을 한 후 빌드할 때 Could not determine the dependencies of task ':notifee_react-native:compileDebugAidl'. 에러가 나면서 빌드가 되지 않는 경우가 있다. 이럴 때는 프로젝트의 gradle.properties 에 unityStreamingAssets=.unity3d 를 추가해주고, :azesmway_react-native-unity 의 build.gradle의 밑에서 dependencies { //noinspection GradleDynamicVersion implementation "com.facebook.react:rea..

확장에서 Prettier를 설치하고, 작업할 때 저장하면 자동으로 prettier 서식이 적용되게 하는 방법을 작업 환경이 바뀔 때마다 까먹어서 적어두려 한다. Window : Ctrl + , Mac : cmd키 + , 로 VSCode 설정을 들어간 후에 Format on Save 설정에 들어가서 체크박스에 체크만 해주면 된다.

현재 쓰고 있는 마우스는 로지텍 mx matser 마우스인데 마우스4,5번 버튼(뒤로가기/앞으로가기)가 윈도우에서는 잘 동작했었으나 맥에서는 동작하지 않아 되게 불편했었다. 그래서 방법을 알아보던 중, Karabiner를 이용한 방법만 나오길래 되는 줄 알았더니 이 마우스에는 동작하지 않는 방법이었다. 근데 크롬에서 앞으로/뒤로가기 버튼은 동작하는데 vs code에서만 동작하는게 아니라서 단축키를 크롬과 같이 변경하면 되지 않을까..? 라는 생각에 vs code shortcut 편집기에서 크롬과 같이 커스텀했는데 이런... 역시 동작하지 않았다. 그래서 이것저것 눌러보던 중에, 이녀석을 처음에 세팅할 때 설치했던 logi options+ 가 생각나서 봤더니 에라이... vs code를 추가 안해놨었다ㅠㅠ..

이번에 새로 받은 m1 mac으로 기존에 진행중이던 프로젝트를 빌드하려는데, 예전에 m1 mac에서 빌드했을 때에는 구글을 잘 따라가면 빌드가 바로 됐었는데 이번에는 만나지 못한 에러때문에 몇시간을 허비했다...ㅠㅠ gradlew not found 혹은 ./gradlew: bad interpreter: /bin/sh^m: no such file or directory 에러때문에 안드로이드 빌드를 못하고 있었는데, 아무리 검색해봐도 chmod +x gradlew , chmod 777 gradlew 명령어로 권한을 주라는 것 외에는 나오지 않았다. 머리를 식히고 다시 검색해보니 dos2unix 를 설치하고 이를 통해 해결하는 방법이 나와있었는데, 그 방법은 아래와 같다. #1 dos2unix 설치하기 bre..

◼ NPM 라이브러리 수정 방법 **npm install [패키지명]** 으로 설치한 라이브러리 모듈을 수정 후 npm install을 하게 되면 기존 설치했던 라이브러리 버전의 코드만 남게 되어 수정했던 부분은 날아가게 된다. 1) npm module의 git 저장소로 들어간다. 2) 해당 저장소를 fork 해 내 저장소로 가져온다. → fork가 완료되면 상단 좌측에 [Username]/[Packagename] 으로 변경된다. 3) npm install git+[fork한 저장소 주소] 명령어로 패키지를 설치해준다. → 예시) npm install git+https://github.com/ktaeyang/react-native-star-rating-widget 3-1) 정상적으로 fork한 저장소에서..