Home
lumpen
Cancel

React: input maxlength

<input onInput={(e) => { if (e.currentTarget.value.length > e.currentTarget.maxLength) e.currentTarget.value = e.currentTarget.value.slice(0, e.currentTarget.maxLength); ...

React: helmet | react helmet, meta code

react-helmet-async react-helmet 도 있지만 thread safe 이슈가 있어 react-helmet-async 를 사용한다고 한다 여러 스레드에서 동시 접근 시에도 안전한 결과를 보장하면 tread safe 하다고 한다 import { Helmet, HelmetProvider } from 'react-helmet-asyn...

React: dangerouslysetinnerhtml

dangerouslySetInnerHTML dangerouslySetInnerHTML 은 브라우저 DOM 에서 innerHTML 을 사용하기 위한 방법이다 코드에서 HTML 을 설정하는 것은 XSS 공격에 노출될 수 있어 위험하다 __html 속성에 데이터를 삽입한다 - <div dangerouslySetInnerHTML= /> 이...

Testcode: react typescript vite 프로젝트에 jest 추가

create vite typescript yarn create vite [프로젝트 명] --template react-ts npm create vite@latest [프로젝트 명] --template react-ts jest jest 설치 yarn add -D jest @types/jest ts-node ts-jest @testing-libra...

Reactnative: alias

alias ioscleanall="rm -R /Users/[사용자 이름]/Library/Developer/Xcode/DerivedData; rm -R ./livepickstar.xsworkspace; rm ./Podfile.lock; pod deintegrate; pod cache clean --all; pod install; " alias iosc...

Reactnative: ios | asyncstorage 사용

iOS 에서 AsyncStorage 사용 시 몇 가지 에러가 발생 무슨 keyStore 로 해결하라는 이야기가 있는데 그건 근본적 원인을 해결해주지 못하고 아래와 같이 하는게 좋겠다 NSCocoaErrorDomain Code=4 iOS 에서 AsyncStorage 가 이미 비어있는데 AsyncStorage.clear() 를 시도할 경우 발생하는...

Reactnative: ios | zindex 적용 방식이 다르다

iOS 의 zIndex 적용 방식이 다르다 위 사진에서 단일회차까지 상단 View 영역 복수회차부터 하단 View 영역에 닿게 된다 drop down 영역에 position: absolute, zIndex 도 주었지만 하단 View 영역에 우선 순위가 있다 iOS 에서의 zIndex 는 같은 레벨에서만 적용되기 때문이었다 https://v...

Reactnative: 모달 닫을 때 api 호출

api 성능 및 비용 개선을 위한 고민 모달 내에서 좋아요 <-> 좋아요 취소, 구독하기 <-> 구독 취소 등 실시간으로 등록되어야 하는 것이 아니면서 여려번 눌러볼 수 있는 api 호출의 경우 모달을 띄워 연타를 하지 못하도록 했음에도 뭔가 찝찝한 부분이 있었다 화면 ui 는 실시간으로 반영되어야 하지만 api 의 경우는 모...

Reactnative: error | unable to process request pla update available

xcode 에서 iOS 빌드하여 앱스토어에 업로드 할 때 발생한 에러 앱스토어의 사용권 계약이 업데이트 되어 갱신해야 하는 상태임을 알리는 것으로 앱스토어에 로그인 후 사용권 계약에 동의하면 된다 App Store Connect 에서 로그인 후 라이센스 갱신하는 팝업 - 동의 다시 업로드 실행하여 해결

Reactnative: bug | ios modal 의 특정 영역만 부모에게 상태가 물려있다

iOS 페이지 내에 모달이 있고 페이지에는 timer 가 상태로 돌아가고 있다 모달 내에는 4개의 탭이 있는데 이 중 0, 1 번째 인덱스의 두 탭은 모달이 관리하는 timer 상태에 영향을 받아 시간이 갈 때마다 리렌더링 되는데 2, 3 번째 인덱스의 두 탭은 영향을 받지 않았다.. 페이지에서 timer 를 사용하는 영역만 컴포넌트로 분리하여 해...