Develop106 [react] 사용자 입력이 끝나면 리렌더링 하게 하고 싶다. react로 개발을 하다보면 사용자가 타이핑을 할 때마다 인풋값이 변경으로 인해 불필요한 리렌더링이 계속 발생하면서 성능 이슈를 마주할 때가 있다. 이렇게 지속적으로 값이 변경되면 보통 debounce & throttle 을 사용해서 이런 상황의 이슈를 해결해 왔다. (예를 들면 스크롤링이나 뷰사이즈 변경이 일어날 때) 변경이 어느 시간정도 일어나지 않을 때 다음 함수를 실행하도록 하는 debounce. 어느 시간 간격으로 일어나는 변경을 반영하도록 하는 throttle. - debounce : 이벤트를 그룹화하여 특정시간이 지난 후 마지막 이벤트만 발생하도록. - throttle : 일정한 시간동안 처음 발생한 이밴트만 발생하도록. - react 에서는 this, closure 개념으로 debounce.. 2021. 10. 4. 안드로이드 & 애플 영상 공통 코덱 # video codec - H264 - Baseline Profile [O] (낮은 성능의 디바이스에서 사용 가능, 리소스 증가) - Hight Profile [X] ( 낮은 성능의 디바이스에서 사용 불가) # audio codec - AAC APPLE 지원 코덱 Using Audio Retired Document Important: This document may not represent best practices for current development. Links to downloads and other resources may no longer be valid. For information on media playback, see Media Playback Programming Guide. U.. 2021. 10. 3. x264 FFmpeg Options Guide x264 FFmpeg Options Guide Please Note: This guide will remain here for historic purposes but FFmpeg and libav now use libx264's internal -preset, -profile and -tune options. Please see `avconv -h | less` or `ffmpeg -h | less` and scroll down to "libx264 AVOptions:". This guide maps most of x264's options to FFmpeg's options along with detailed descriptions by x264 developer Dark_Shikari. Frame-t.. 2021. 10. 3. [mssql] cheet sheat 컬럼으로 테이블 찾기 특정 컬럼을 갖는 테이블 찾기 컬럼이름으로 테이블 찾기 SELECT T.name AS table_name, C.name AS column_name FROM sys.tables AS T INNER JOIN sys.columns AS C ON T.object_id = C.object_id WHERE C.name = '컬럼명' SQL Server Lock check 락 걸린 디비 서버 정보 확인 DB 디비 교착상태, 디비 락, DB lock, db lock SELECT DB_NAME(tl.resource_database_id) as 'DB Name', tl.resource_type, tl.resource_associated_entity_id, tl.request_mode, tl.reque.. 2021. 10. 1. [git] cheatsheet 🧐 # 특정 커밋ID 의 변경 소스 확인 git show COMMIT git diff COMMIT^! git diff COMMIT~ COMMIT git diff-tree -p COMMIT git diff oldCommit newCommit # git merge --sqaush git checkout master git merge --sqaush issue1 git add . git commit -m 'commit message' # git rebase master git checkout issue1 git rebase master git checkout master git merge issue1 # git log git log --graph --pretty=oneline # 로컬 말고 원격 브랜치 로그 보고.. 2021. 10. 1. [wsl] wsl에서 redis server 실행하기 ubuntu sudo service redis-server start centos systemctl start redis-server 기존에 centos에서 redis server를 실행하듯이 WSL(Windows Linux System)에서 명령어를 입력하면 작동하지 않는다. WSL에서 레디스 서버를 실행 할 때는 sudo service redis-server start 를 사용한다. 2021. 9. 30. [rn] 왜 Date { NaN } 이 나왔지?🤔 new Date('2021-09-30 22:35:23') // Date { NaN } IE8 이하는 YYYY-MM-DD 패턴 지원하지 않는다. 불안정한 네트워크 환경의 모바일에서 오프라인으로 사용하다 온라인 상황이 될 경우, 서버 데이터 시간과 로컬 데이터 시간을 비교해서 업데이트 여부를 결정하려고 했다. // React-Native 환경에서 아래 식은 항상 false를 리턴. new Date('2021-09-30 22:35:23') >= new Date('2021-09-29 21:34:23') 왜 그랬을까? 최신 브라우저는 아래와 같이 사용해도 Date 값을 정상적으로 리턴해준다. new Date('2021-09-30 22:35:23') 하지만 React-Native나 IE8 이하에서는 YYYY-MM-.. 2021. 9. 29. [android] 실행중인 앱을 강제 종료시키고 싶을 때 adb shell am force-stop [--user | all | current] 디버깅 하던 중 실행 중인 앱이 갑자기 종료되었을 때, 어떻게 작동하는지 테스트해보고 싶었다. 예를 들면 큰 크기의 파일을 인코딩하고 업로드하는 일련의 처리에서 예상하지 못 하게 크래시가 발생해 앱이 종료 되면 어떻게 될까? 그리고 이런 상황이 발생했을 때도 사용자가 큰 불편함을 느끼지 않고 대처할 수 있게 개발하고 싶었다. adb shell am force-stop [--user | all | current] # 특정 패키지 강제 종료 adb shell am force-stop com.3stack.kakao # 특정 유저의 특정 패키지 강제 종료 adb shell am force-stop --user 10 com.3.. 2021. 9. 29. [network] CSRF ? 🤔 https://email-checker.net 입력값이 실제로 존재하는 이메일인지 확인해주는 서비스를 제공하는 사이트. 이메일 검증시 서버로 보내는 Request 파라미터 값 중 _csrf, CSRF에 대해 알아봤다. 1. CSRF? - 사이트 간 요청 위조(크로스 사이트 요청 위조, Cross-site request forgery, CSRF, XSRF)는 웹 사이트 취약점 공격의 하나로, 사용자가 공격자가 의도한 행위를 특정 웹사이트에 요청하게 한다. - 사이트간 요청 위조(CSRF)는 특정 웹사이트가 사용자의 웹 브라우저를 신뢰하는 점을 노린다. 사용자가 웹사이트에 로그인 한 상태에서 CSRF 공격 코드가 삽입된 페이지를 열면, 공격 대상이 되는 웹사이트는 위조된 공격 명령이 믿을 수 있는 사용자로부.. 2021. 9. 28. [Android] 어떻게 안드로이드 앱 사이즈를 줄일까?🤔 How to reduce Android App size in react-native? 안드로이드 앱 사이즈 줄이기 1. enableSeparateBuildPerCPUArchitecture - 사용할 경우 특정 ABI(Android Binary Interface)에맞춰 APK 파일을 따로 따로 생성. - 이 옵션을 사용하지 않으면 다양한 안드로이드 기기의 ABI를 전부 지원할 수 있는 하나의 APK 파일 생성. - assembleRelease가 아니라 bundleRelease를 사용하여 AAB(Android App Bundle)을 구글스토어에 업로드할 경우, 자동으로 사용자의 기기의 ABI에 적합한 앱으로 다운로드 된다. 구글스토어에 AAB파일을 업로드할 경우 사용할 필요 없음. 2. shrinkResou.. 2021. 9. 28. 이전 1 ··· 7 8 9 10 11 다음
