개발노트! 머리를 믿지 말고 정리하자

루트에 jsconfig.json 파일 생성 { "compilerOptions": { "baseUrl": "src" }, "include": ["src"] } 다음과 같이 설정 후 서버 다시 빌드 하면 ( npm start ) import AppRouter from '../components/Router'; 에서 import AppRouter from 'components/Router'; 으로 현재 파일을 기준으로 상대경로였던것을 src 디렉토리를 기준으로 절대경로로 표시할 수 있게 됨.

https://github.com/facebook/react-native/issues/29279#issuecomment-657201709 Image cannot show image in iOS 14 · Issue #29279 · facebook/react-native Image cannot show image in iOS 14, but can show location, like: Environment: Xcode Version 12.0 beta (12A6159) Simulator: ... github.com 참조해보자!

설정 방법 (url 스키마는 "testmyapp"이라는 이름을 예시로 하겠음) ios 1. AppDelegate.m에 다음 내용을 추가 #import // 파일 상단에 추가 ... // Add this above `@end`: - (BOOL)application:(UIApplication *)application openURL:(NSURL *)url options:(NSDictionary *)options { return [RCTLinkingManager application:application openURL:url options:options]; } 2. 프로젝트 - targets - 타겟 프로젝트 - info탭 - URL Types에 + 버튼을 누른 후 Identifier와 URL Schemes란에..

react-native-router-flux 라이브러리를 사용하면서 발생했던 이슈 몇 가지가 있었다. 1. 두 번 이상의 클릭으로 새로운 스크린을 띄우게 되면 그 갯수만큼 스크린이 열림. (2번 누르면 2개 열림) 2. 창 닫기 버튼을 두 번 이상 클릭 했을 때 Actions.pop()이 여러번 호출 되는 증상. (2번 닫기버튼 누르면 2개 스크린이 닫힘) 3. 안드로이드에서 Back 버튼 두 번 누를 때 종료하는 기능 각각을 다음과 같이 해결함! 두 번 이상의 클릭으로 새로운 스크린을 띄우게 되면 그 갯수만큼 스크린이 열리는 증상 actions.js를 생성 후 다음과 같이 push함수를 정의한다. (현재 스크린의 키 값과 비교 후 이미 띄워졌다면 수행하지 않는 코드) 출처 (github.com/akso..

1. exam.ttf 파일 다운로드 (여기서는 파일명을 exam.ttf으로 예를 들었다) 2. asset/fonts/exam.ttf 디렉토리 구조로 파일 위치 지정 (디렉토리가 없으면 만들 것) 3. react-native.config.js 파일 내용을 다음과 같이 편집 (파일이 없으면 만들 것) module.exports = { project: { ios: {}, android: {}, }, assets: ['./assets/fonts'], }; 4. 터미널 창에서 $ react-native link ( 이 명령 수행 시 각 플랫폼 별 프로젝트에 폰트 파일을 위치시킨다. ) 5. 다시 빌드 후 실행!

개발 중 에뮬레이터 종료 버튼을 누르더라도 현재 상태가 저장되어 종료되기 때문에 다시 실행하면 먹통인 상태 그대로 켜지는 증상이 있다. 이때 안드로이드 스튜디오에서 Android Vitual Device Manager (ADV Manager)를 켠 후 문제가 있는 에뮬레이터 맨 오른쪽 드롭다운 화살표를 클릭 후 Cold Boot Now로 부팅을 시도한다. 에뮬레이터가 부팅이 순조롭게 되는 것을 볼 수 있다.

React Native 0.62.1에서 개발 중 TextInput을 사용하는데, ios에서 텍스트를 입력 시 뷰 크기가 커졌다 작아졌다 반복하는 증상을 확인하였다. 서치 결과 이는 React Native 버전 0.62 이하에서 발생하는 버그로, 0.63.0 이후 버전에서 수정되었다고 한다. (출시 전이므로 업데이트를 시도해봐야겠다) 임시방편으로 TextInput style props에 fontSize: 17로 지정해주는 것으로 잠시나마 해결 되는 듯 하였으나 각 디바이스마다 설정되어있는 텍스트 크기(설정 - 디스플레이 및 밝기 - 텍스트 크기로 변경 가능)가 중앙 기본값으로 설정 되어있을 때의 해결 방법일 뿐이었다. 사용자가 OS상에서 글씨 크기를 변경하게 되면 소용 없는 해결 방법인 것...

Android에서는 Back키를 통해 키보드를 내릴 수 있지만, IOS에서의 사용은 입력 칸이 아닌 다른 곳을 누르는 경우 텍스트 입력(키보드)이 취소되는 사용자 UX를 가지고 있다. UI를 그릴 때 TouchableWithoutFeedback의 자식 뷰로 구성하게 되면, 키보드가 보여지는 상태에서 빈 공간 또는 자식 뷰를 터치할 경우 닫히도록 동작시킬 수 있다. TouchableWithoutFeedback 컴포넌트는 자식 뷰를 1개만 가질 수 있으므로 다음처럼 전체 공간을 채우는 뷰를 추가하여 세부 UI를 구성해 줄 필요성이 있다. import React, {Component} from 'react'; import { Keyboard, TouchableWithoutFeedback } from 'reac..