코딩 일지

RN 프로젝트에 Fonts 폴더를 넣고, 원하는 폰트 파일을 넣고npx react-native-asset 를 했으나,ios환경에서만 글꼴이 적용되지 않는 문제에 봉착했다. 1. info.plist 확인2. react-native.config.js 파일 확인3.link-assets-manifest.json 확인4. xcode Resources 폴더 안에 글꼴 파일 있는지 확인5. 캐시 삭제 후 재빌드6. 글꼴 파일 명 오타 없는 지 확인 전부 해봤음에도 해결되지 않았다.문제는 android 환경에서는 멀쩡히 된다는 것... 위의 모든 경우의 수를 다 따져봤는데도 IOS만 폰트가 적용되지 않을 경우 Mac 환경에서 폰트의 PostScript 를 확인해봐야한다. Android 같은 경우, 단순 폰트 파일명과 ..

빌드는 문제 없는데 계속 그어지는 빨간 줄 때문에 정신 나갈 뻔 했던 에러... 해결법은 그냥 babel/preset-react를 설치해주면 됨npm i -D @babel/preset-react 그리고 eslint 파일에 babelOptions: {presets: ['@babel/preset-react'],},를 추가하면 해결된다

ts + react 글로 돌아왔습니다 (아무도 안 기다림) 백날 타입스크립트만 공부해봤자 프론트엔드 개발자인데 리액트에서 사용할 줄 모른다면배운 의미가 없기에 사실상 이 글의 내용이 전 글보다 더 중요하다고 볼 수 있다..react, react-native에서 ts사용하는 방법은 사실상 거의 똑같아서구별이 무의미하긴 하지만 필자는 RN에 내장되어 있는 컴포넌트를 사용할 것이기 때문에(View, Text 등)제목을 저렇게 지정했다.   그럼 빠르게 ㄱㄱ   일단, 처음에 jsx 형식으로 초기 컴포넌트를 만들어 전체적인 틀을 만들어놓고 시작하겠다.   App.tsximport React, {useState} from 'react';import {SafeAreaView, Text, View} from 'rea..

목차- 문제 발생 배경- 여러 가지 해결 방법- 가장 간편한 해결 방법 문제 발생 배경 구글 플레이에서 안드로이드 SDK 버전 업그레이드가 강제되면서Android 13(티라미슈) 으로 어플 버전을 올려 업데이트 하게 되었다. 초반에는 문제 없는 듯 보였으나, 서서히 밀려오는 CS 문의... " 사진 권한을 동의하라는데 어플 설정에 사진 권한이 없어요. " 뒤늦게 확인해보니 Android 13에서 파일 및 미디어 접근 권한이었던 항목이 이미지, 동영상, 오디오 권한 3가지로 분할 되었던 것이었다. 즉, Android13에선 이전 버전의 코드가 구동이 안된다....(그런 권한은 이제 존재하지 않으니까.....) 그리고 더불어, 기존엔 어플 다운로드 시 알림 on이 디폴트였는데 Android13이 되면서 of..

목차 - recoil을 쓰게 된 이유, 장점 및 단점 -리액트 네이티브 RefreshControl + recoil selector 로 api 재호출하기 recoil을 쓰게 된 이유, 장점 및 단점 기존 프로젝트에서는 놀랍게도 state를 전역으로 관리하지 않았다(놀라움..) 따라서 개발 과정이 매우 번거로웠고, 매 페이지마다 회원 정보를 불러오는 api를 호출해야하는 치명적인 단점이 존재했다. 보다 효율 높은 유지보수를 위해 recoil을 사용하여 전역관리를 하기로 어렵게 결정하였다...! (사용법이 쉽고 요새 많이 쓰는 추세라서..) 무려 70개가 넘는 screen을 다 바꿔야했지만... 미래를 생각해서 진행하기로 했다. recoil selector를 사용했더니 loading 상태를 별도로 관리하지 않..