Feeling(필링) 개발자

REACT/TROUBLE SHOOTING 검색 결과

해당 글 3건

Android Back Button 고찰

ios 계열에서는 필요 없지만, android 계열의 경우는 react 에서 직접 백버튼 기능을 구현해야한다. 처음에는 react 의 구조상 컴포넌트의 컴포넌트의 컴포넌트 같은 구조라. 각 컴포넌트의 역할은 각자 컴포넌트가 맡기로 하는 걸로 생각해서, 백버튼의 기능 역시 해당 컴포넌트에 넣어놨었는데, 개발을 하다보니 event.preventDefault();event.stopPropagation();이런 느낌의 해당 컴포넌트에서 이벤트 버블링 방지를 해야될 일이 생긴다. 그러면 해당 컴포넌트의 이벤트가 그 이후에 방지되기 때문에 백버튼도 동작을 하지 않는다. 그래서 추후 설계를 할때 백버튼의 경우는 최상위 부모 컴포넌트에 전부 선언해주는 것이 좋을 것 같다.

REACT/TROUBLE SHOOTING 2025. 1. 27. 18:54

Android WebView Error: Unable to preventDefault inside passive event listener invocation.

passive event listener 가 preventDefault() 호출하려고 할때 발생하는 에러. 에러 처리방법 : if (e.cancelable) { e.preventDefault(); }cancelable if 문으로 감싼다.

REACT/TROUBLE SHOOTING 2025. 1. 23. 14:53

이유 없는 Script Error

React 로 개발 하던 중ios 계열에서는 에러가 나지 않으나 android 에서만 에러가 나는 경우가 발생. 에러 증상은 아래와 같다.1. 처음 로딩 시에만 발생2. 스크립트 에러가 발생3. 정확한 위치는 알려주지 않음4. android 에서만 발생보통 이런 경우에는 에러 찾는 방법은 아래와 같다1. 의심가는 스크립트를 찾아서 하나씩 지워보고 에러 나는 지 확인2. 스크립트 지워보고 안되면 retrun() 쪽에서 하나씩 태그를 지워가면서 확인예상외의 에러가 나는 경우가 많아서 디스플레이 되는 시간차 때문인가 싶었지만 에러 원인은  Key prop 누락이였다. {publicBlinds.map((pb) => ( // ))}map 으로 데이터를 그리던 중 발생한 에러였는데 찾기가 어려웠다. ..

REACT/TROUBLE SHOOTING 2025. 1. 15. 01:07