본문 바로가기

전체 글

(21)
FloatingPanel의 접근성 이슈 처리 이번에 배포한 "보행자용 지도, 내비게이션앱"에 사용한 FloatingPanel 관련 접근성 이슈를 정리합니다. 위 스샷에 보이는 하단 패널로 "FloatingPanel" 라이브러리를 사용했습니다. 처음에는 스샷 1처럼 보이는데 사용자가 패널을 위로 쓸어올리면 스샷 2처럼 패널이 확장됩니다. 그런데 보이스오버가 활성화되어 있는 경우 사용자가 위로 쓸어올려도 이 패널은 확장되지 않습니다. 스샷 3에 보이는 것처럼 사용자가 화면을 쓸면 하단 패널에서 접근성 element의 초점이 이동하다가 화면에 보이지 않는 element로 이동합니다. 여기서 이슈가 있는데 해당 element가 화면에 보이지 않는 경우 클릭 이벤트가 작동하지 않습니다. 손가락으로 화면을 더블 탭을 했을 때 아무 반응이 없습니다. 해결책은 ..
[Swift] Firebase Dynamic Link 구현 방법(20년 12월 16일자) 목차 개발환경 Xcode는 버전 12.2이고 macOS는 Catalina입니다. Firebase Dynamic Link(동적 링크)란? Firebase Dynamic Link는 해당 링크를 클릭시 해당 앱이 설치되어 있는 경우 앱을 실행하고 설치되어 있지 않는 경우 앱스토어로 이동하여 앱 설치하게 도와줍니다. 반면 custom scheme은 앱이 설치되어 있는 경우에만 앱을 실행할 수 있습니다. Firebase 콘솔에서 앱을 추가 App Store ID와 팀 ID를 추가합니다. 이것을 추가해야 Firebase Dynamic Link가 제대로 작동합니다. Firebase console에서 동적 링크 생성 왼쪽 메뉴에서 Dynamic Links로 들어가 URL 프리픽스를 추가합니다. 도메인을 입력합니다. 개..
[React Native } 오류 정리 - "Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined." 전체 오류 내용은 다음과 같습니다. Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports. App.js 파일입니다. 코드는 다음과 같습니다. export class Home extends Component { render() { return ( Hello ); }; } default..