eunoia

바텀 모달에서 새로운 바텀모달을 열었더니 덜덜 떨린다.  수정한 모달은 떨리지 않는다.계속 뭘까 이것, 저것 시도를 해보았다.왜 떨릴까 생각하니까 높이(위치)때문인가? 하는 의문에 높이를 지정해 보았더니딱! 멈추었다. 나의 경우 이메일 주소를 입력해야 해서 키보드가 위로 올라와야 했고,KeyboardAvoidingView를 사용했다. [수정한 코드]       behavior={Platform.OS === 'ios' ? 'padding' : 'height'}      style={{        backgroundColor: '#fff',        borderTopRightRadius: 15 * width,        borderTopLeftRadius: 15 * width,      }}>    ..

기존 앱에서 Webview를 이용하여 리액트 페이지와 연결하여 사용 중이었다.리액트로 만든 페이지를 앱에서 특정 버튼을 눌렀을 때 보여주는 방식이다.문제! : 앱에서 버튼을 누르면 특정 url로 이동해야 한다.! 이경우를 설계 당시 생각했다면 webview의 source에 특정 url을 받는 경우를 특정하여 바로 이동시켰겠지만, 이미 배포된 이후이고,,무조건 리액트 페이지에서 해당 동작을 수행해야 하는 상황이다.처음에는 window.open 메서드를 생각했지만.이 경우는 버튼을 누르는 등의 동작이 있어야 해당 페이지로 이동이 가능했다.useEffect에 담아도 마찬가지로,,, 앱 내에서는 동작하지 않는다. 그러다가 발견하게 된 방법!window.location.href 이다 이것은 특정 url 페이지로 ..

패키지에 있는 그래들 버전이 낮아서 안드로이드에서 앱이 실행되지 않는 현상이 발생되었다...!!!8로 업데이트 되었을 때 중요한 점이 namespace가 필수인 것..!업데이트를 할 때에는 안드로이드 스튜디오에서 진행하였다. 시행착오 끝에 해결된 방법을 적어본다. 1. build.gradle 파일에서buildToolsVersion = "34.0.0"compileSdkVersion = 34targetSdkVersion = 34변경한다.2. gradle-wrapper.properties 파일에서distributionUrl=https\://services.gradle.org/distributions/gradle-8.2-all.zip내가 올리고자 하는 버전으로 변경우선 이렇게 하고 ./gradlew clean을..

또는 에서 리스트의 길이가 길지 않을 때에도 ios에서는 스크롤 효과가 적용된다. 아래로 내려지는 게 영 보기 안 이뻐서 알아보던 중 너무 간단한 방법그냥 bounce 속성을 false로 하면 된다. bounces={false}  예) bounce={false} ... />  bounce={false}... >

위 에러는 Firebase와 같은 데이터베이스에서 권한 설정이 제대로 되어있지 않음을 나타낸다.해결방법 : 사용하는 부분에 대한 규칙 확인 및 수정 나는 storage와 realtime database를 사용하고 있었고,해당 규칙은 다음과 같이 변경하였더니 정상 작동하였다. 어쩐지 알람이 많이 와있었는데, 규칙을 변경하지 않으면 사용을 중지시킬 것이라는 내용이었고,수정 전 realtime database 규칙은{  "rules": {    ".read": "now     ".write": "now   }}이렇게 적혀있었다.  1. Firebase Realtime Database 규칙 확인 및 수정 {  "rules": {    ".read": "auth != null",    ".write": "auth..

useCallback, useMemo 등의 사용 자주 렌더가 일어나는 경우에는 매번 변수 또는 함수 재생산 너무 자주 일어난다면 비정상적인 memory를 가지게 되기 때문에 자주 발생하는 경우 useMemo, useCallback 등 사용 권장 Image 사이즈 처리 : 이미지의 사이즈를 명확히 명시하지 않아 render가 무한히 호출됨. 가급적이면 정수로 되어있는 width, height값 선언 권장 // 또는 FastImage 사용

macOS Monterey 키보드 입력 버그 문제 상황:이 문제는 macOS Monterey의 특정 버전에서 발견된 버그로, 텍스트 입력 과정에서 백스페이스(⌫) 키 사용이나 특정 텍스트 선택 후 수정 과정에서 발생할 수 있다. 특히, 텍스트를 블록 지정한 후 바로 수정을 시도할 때 기존 텍스트가 삭제되면서 동시에 공백이 생성되는 현상이 발생할 수 있다. 해결 방안 소프트웨어 업데이트: Apple은 이러한 문제를 인지하고 있으며, 가능한 경우 소프트웨어 업데이트를 통해 문제를 해결할 수 있다. 텍스트 입력 방식 조정: 문제가 발생하는 특정 텍스트 입력 방식을 피하고, 텍스트 수정 시 다른 방법을 사용해 보는 것도 하나의 해결책이 될 수 있다. 예를 들어, 텍스트를 블록 지정 후 삭제하는 대신, 백스페이스..

ThunkAction과 ThunkDispatch는 Redux Thunk 미들웨어와 관련된 개념이다. Redux Thunk는 Redux의 비동기 작업을 관리하기 위해 사용되는 미들웨어로, 액션 생성자가 함수를 반환할 수 있게 해 준다. 이를 통해 액션 생성자 내에서 비동기 로직을 실행하고, 완료되면 일반 액션 객체를 디스패치할 수 있다. ### ThunkAction `ThunkAction`은 Redux Thunk 미들웨어에서 사용되는 타입이다. TypeScript와 함께 Redux를 사용할 때, 액션 생성자에서 반환되는 함수의 타입을 정의할 때 사용된다. `ThunkAction` 타입은 비동기 작업의 결과를 처리하기 위해 사용되며, 일반적으로 다음 네 가지 파라미터를 받는다: - `ReturnType`: ..

이미지 파일의 내용을 변경했음에도 불구하고, 변경 전 이미지가 표시되는 이유는 캐시(cache) 때문일 수 있다. 이미지 파일은 일반적으로 로컬 저장소나 원격 서버에서 가져와서 표시되는데, 가져온 이미지는 성능 및 속도 향상을 위해 임시로 캐시에 저장될 수 있다. 캐시는 이전에 로드한 이미지를 저장해 두고, 동일한 파일 경로나 URL을 가진 이미지를 다시 요청할 때 이전에 캐시 된 이미지를 반환한다. 이로 인해 이미지가 변경되었음에도 불구하고 변경 전 이미지가 여전히 표시될 수 있다. 나는 러버독이라는 프로그램을 사용중이고, 파일 이름을 동일하게 저장, 파일 내용은 변경된 상황에서 앱기기에서 reset-cahce를 했음에도 이미지 파일의 내용이 변경되지 않는 경우가 있었다. 이런 경우 또 한 가지 생각해..

RESTful 기반 API를 이용한 웹 서비스 개발은 웹 애플리케이션을 구축하는 방법 중 하나다. 이 방법은 REST(Representational State Transfer) 아키텍처 스타일을 따르며, 클라이언트와 서버 간의 통신을 위한 API를 개발하는 것을 중점으로 한다. RESTful API는 웹 서비스의 리소스를 고유한 URI(Uniform Resource Identifier)로 표현하고, HTTP 메서드(GET, POST, PUT, DELETE 등)를 사용하여 리소스에 대한 CRUD(Create, Read, Update, Delete) 작업을 수행한다. 이를 통해 클라이언트는 HTTP 요청을 보내고, 서버는 해당 요청에 응답하여 필요한 데이터를 제공하거나 작업을 수행한다. 웹 서비스 개발에서 ..