React Native

프로젝트를 진행하면서 온보딩 화면을 만들게 되었고 검색 중 어렵지 않다는 이야기가 생각보다 많았기 때문에 라이브러리 없이 만들어보기로 결정했고 참고한 글에서 pageWidth, gap, offset 을 정의 후 사용했는데 margin으로만 조절할 때와 다르게 확실히 해

1. ToggleButton 컴포넌트 설명 이 컴포넌트는 initialState 초기 상태 값을 받아 애니메이션을 통해 토글 버튼의 상태를 UI에 반영 onToggle이라는 함수를 받아 상태가 바뀔 때마다 부모 컴포넌트에 전달 loading 상태에서는 버튼이 비활성화

문제 상황 리액트 네이티브에서 ScrollView 내부에 WebView로 지도를 넣었을 때, 사용자 인터랙션 중에 지도 화면이 제대로 움직이지 않고 ScrollView와 충돌하는 현상이 발생할 수 있습니다. 특히 줌인/줌아웃과 같은 동작을 할 때 ScrollView와

라이브러리를 사용하려 했지만 검색 중 유튜브에서 구현하고 싶은 방향으로 캐러셀을 만드는 영상을 발견하고 참고하여 직접 만들어보기로 했다. 이 과정에서 FlatList를 활용한 캐러셀을 완성할 수 있었고, 애니메이션 효과와 Paginator까지 적용하여 깔끔한 온보딩 화

React Native 앱을 개발할 때, 사용자 디바이스의 알림 설정을 확인하고 그에 맞게 알림 설정 상태를 UI에 반영하는 기능이 필요할 때가 있습니다. 특히, 알림 설정이 꺼져 있으면 앱에서 푸시 알림을 받을 수 없기 때문에 이를 UI에서 사용자에게 알려주면 좋을

리스트가 포함된 화면에 여러 카테고리 탭이 있을 때, 사용자가 카테고리를 변경할 때마다 FlatList가 최상단으로 자동 스크롤되도록 하는 기능을 추가했다.\-> 카테고리 변경 후 스크롤 위치를 초기화해 사용자 경험을 개선useRef 사용: useRef를 이용해 Fla

✅ 문제 상황 처음에는 Animated.View와 PanResponder를 사용해서 직접 BottomSheet를 구현하려고 했지만 실제로 구현해보니 아래와 같은 문제가 발생해 직접 구현보다는 안정성이 검증된 라이브러리(@gorhom/bottom-sheet) 사용이 좋겠

▶️ 필수 라이브러리 설치 설치 후, iOS를 개발하는 경우라면 pod install 필수 >※ Android만 작업할 경우 pod install은 필요 없습니다. ⚙️ Android 설정 1️⃣ Firebase 프로젝트 설정 및 google-services.js

AxiosError: Network Error - 안드로이드에서 FormData를 사용한 이미지 업로드 시 네트워크 오류 발생FormData를 사용해 이미지를 업로드하려 했으나 안드로이드에서만 네트워크 오류 발생iOS에서는 정상적으로 작동여러 가지 해결 방법 시도:as

테스트를 진행할 아이폰을 맥에 USB 케이블로 연결맥에서 Xcode를 연 상태로 아이폰을 신뢰(Trust)하도록 설정설정 > 개인정보 및 보안 > 개발자 모드 켜기→ 아이폰 재부팅되며 이후 사용 가능xcode 가이드1\. 위에서 연결된 실제 디바이스 선택2\. 체크박스