지난 글에서는 스크린샷 및 화면 녹화 방지 트릭을 다뤘는데, 이번 편에서는 iOS에서 앱이 백그라운드로 전환될 때(앱 스위처 화면) 민감 정보가 그대로 노출되지 않도록 가리는 방법을 다뤄보겠다.다른 금융앱이나, 주식앱 및 공공앱들을 보면 화면이 가려져 있기 때문이다.

지난 글에서는 루팅 · 탈옥 탐지, 앱 무결성 확인 등에 대해 다뤘다면, 이번 글에서는 스크린샷(캡쳐)및 화면 녹화 방지 기능을 Flutter 앱에서 어떻게 구현할 수 있는지 정리해보겠다.

intro... 열심히는 아니고 적당히 모바일 웹앱 개발중이었다 그런데 우리가 진행하는 앱이 공공기관과 협의중이였고, 웹은 CSAP인증이 완료되었고, GS인증도 완료 되었다 (축하축하) 그런데 갑자기 모바일 앱에도 보안이 적용이 되었냐고 묻는게 아니겠는가?

GS인증을 진행하면서 모바일도 함께 인증을 하게 됐는데, 최소 사양을 좀 더 낮추면서 인증하려고 하다보니 iOS에 아무런 정보 없이, 우리 앱의 최소 버전이 iOS 13이니까 iOS14면 되겠다라는 아주 무지한 생각으로 해당 버전으로 인증을 진행하려고 테스트 폰도 iP

개발서버에 반영하였을 때, 모바일웹앱을 실행하면 이전 화면이 나타나지 않고 흰 화면이 나타나는 매혹적이고 치명적인 오류가 발생했다.그래서 테스트를 하거나 앱을 시연할 때 앱 캐시를 한번 날리고 진행했다. 그렇게 연명하며 살던 도중 우리는 오류를 발견하였는데 ..

🚨Flutter 폰트 사이즈 조절 문제 Flutter에서 WebView를 사용하다 보면 디바이스의 시스템 폰트 크기가 커질 때, 웹 페이지의 폰트 크기도 함께 커지는 문제가 발생할 수 있다. 이를 어떻게 해결할 수 있을까?

noWifi비행기 안에서 앱을 켜보신 QA 천재 개발자님의 피드백으로부터 시작된 이 이야기. 기내 Wi-Fi가 없는 환경에서 앱이 정상 작동하지 않는다는 아주 소중한 리포트를 받고, 고민을 시작했다."

⚠️ 저는 앱개발자가 아님미다. 저는 말하는 돌맹이일 뿐이며, ios는 처음 만져보는것을 알려드립니다. ⚠️

Vue3에서 카메라 기능을 활용할 수 있는 방법 vue-web-cam : Vue.js용으로 개발된 웹캠 컴포넌트 vue-camera-lib : Vue.js를 위한 또 다른 카메라 컴포넌트 MediaDevices API : Vue 3에서 직접 브라우저의 MediaD

이벤트 버스를 통해 자식 컴포넌트를 통해 받은 데이터를 다른 자식ㄷ컴포넌트들에게 스무스하게 넘겨주는 방법을 찾아보자

chart.js를 대신하여 Vue3 매우 간단하게 사용할 수 있는 Vue3-charts! 대신 커스텀이 어렵고 한정적이다. 우리는 이 난관을 어떻게 해쳐나갈 수 있을까..

watch함수를 사용하고 싶은데, 내 환경이 Vue3 + script setup일 때, 또 watch를 적용하고 싶은 데이터가 반응형 데이터 일 때 사용법을 알아보자.

널 병합 연산자 (??) 는 왼쪽 피연산자가 null 또는 undefined일 때 오른쪽 피연산자를 반환하고, 그렇지 않으면 왼쪽 피연산자를 반환하는 논리 연산자이다.라는게 mdn web docs의 이야기!쉽게 말하면 거짓의 판단을 유연하게 판단하며, 삼항 연산자와 비

기존 프로젝트의 소스를 따서 신규 프로젝트를 진행 예정이라고 하길래 관련된 라이브러리를 확인하던 도중 storybook 이라는 라이브러리를 발견하였다.설치부터 해보면서 배우는것이 최고의 방법이기 때문에 설치 시작! npx storybook init이렇게 사용하면 패키지

시계는 와치...Watch watct object 사용 방법 watch는 감시자 역할을 하고 있으며, 설정한 데이터가 변화할 때 마다 watcher도 실행이 된다 `watch : {감시할데이터(){}}` 코드 예시 : `month` 데이터가 변할 때 마다 watch

기존 프로젝트에서는 한 페이지 안에 모든 데이터를 넣다보니 무겁고, 유지보수할 때 찾는게 쉽지 않았다.그래서 신규 프로젝트때는 component화해서 잘 사용했으면 좋겠다는 생각이 들어서 시작되었다. 나의 지옥행이(?)프로젝트에서 페이지마다 형태가 다르기때문에 본인 페

프로젝트를 PULL 받아서 사용하려는데 자꾸 에러가 난다. 외않되?살펴보던 도중 나는 node 16.15.1 버전을 사용하는데, 프로젝트는 node 14버전을 쓰는것을 알게되었다.이걸 어째..? 신규 프로젝트는 node 16인데 매번 삭제후 재설치 할 수 없잖아그렇게

Vue Router 사용하기 Vue Router를 사용하는 이유 URL 변경시 DOm을 새로 갱신하는 것이 아니라 변경된 영역만 갱신하기 때문에 유연한 페이지 전환이 가능하다! 라우터 생성 및 사용 방법 1. Vue-router를 설치한다 `` npm install

공백 설정하기 코드를 작성하다 보면 뭔가 묘하게 불편한게 느껴진다 (나만?) 다른 사람들의 코드를 보면 굉장히 깔끔하고 잘 붙어있는 느낌인데 그래서 다른점을 찾아보니 다른사람들은 공백이 2, 나는 4로 설정되어 있었다. 간단하게 변경하는 방법 변경전 그래서 간단하게

알고리즘 문제를 풀기위해 배열의 합을 구해야 했다 기존에는 배열의 합을 구하기 위하여 for문이나 forEach()를 사용했었다 그런데 검색도중 .reduce()를 유용하게 많이 사용한다고 하여 나도 한번 알아보았다. 이렇게 풀어놓기만 하면 무슨말인지 잘 이해가