Univdev
취소

[React Native] Android에서 캡처 방지하기

개요 특정 회사의 내부 인원들만 사용하는 안드로이드 전용 어플리케이션을 개발하게 되었습니다. 해당 앱에는 특정 조직의 구성원들의 정보가 들어있는데, 사진이나 현 직장 정보 및 전화번호와 같은 매우 민감한 정보들이 포함되어 있기 때문에 앱스토어에도 올리지 않고 조직 내부 인원들에게 따로 공유해서 사용할 앱입니다. 그렇기 때문에 보안사항이 꽤 중요하게 작...

[React Native] Lottie와 React Native를 이용한 역동적인 앱 만들기

Lottie Lottie는 웹이나 앱 환경에서 역동적이며 멋있는 복잡한 애니메이션을 구현하는 것을 도와주는 라이브러리입니다. 장점 개발자는 코드만으로는 구현하기 힘든 애니메이션을 쉽게 구현할 수 있게 해줍니다. 디자이너는 복잡한 애니메이션을 구현하기 위해 개발자의 눈치를 보지 않아도 되는 이점이 있습니다. 일반적인 GIF의 경우 프레임 ...

[React Native] Jest를 이용한 단위 테스트 해보기 (feat. TDD)

흔한 소프트웨어 개발 방법 요즘 소프트웨어의 개발은 정교함보다는 간편함과 신속함에 초점이 맞춰져 있습니다. 물론 일반화 하기에는 너무나 다양한 가치관과 개발 방식이 있겠지만 대부분의 기업에서는 아래와 같은 시나리오를 따릅니다. 소프트웨어의 요구스펙을 적은 기획서를 작성한다. (일부 기업에서는 이를 ‘유저스토리’라고 칭한다.) 디자인을 제작한...

[React Native] in target 'FBReactNativeSpec' from project 'Pods' 해결

개요 nvm으로 node 패키지를 설치한 사람에게서 발견할 수 있는 이슈입니다. 만약 which node를 입력했을 때 /usr/local/bin/node가 아닌, /Users/[username]/.nvm과 같이 .nvm이 포함 된 경로로 node가 잡힌다면 이에 해당합니다. 원인 Cocoapods을 비롯한 React Native 필수 패키지는 Hom...

[React Native] 안드로이드 Webview 하드웨어 가속 이슈

Webview란? Webview는 네이티브 앱에서 웹의 화면을 보여줄 수 있는 컴포넌트라고 생각하시면 됩니다. 아마 앱 서비스를 개발하는 모든 회사가 웹뷰를 적극적으로 사용하지 않을까 싶을 정도로 활용도가 엄청납니다. 단순히 웹을 띄워주는 형태이다보니 플랫폼에 구애받지 않고, 컨텐츠를 수정하는데 앱의 심사를 받지 않아도 된다는 강력한 장점이 있기 때문...

SEO 테스트하기 좋은 서비스

개요 웹 페이지를 제작하다보면 해당 페이지가 Google에 정상적으로 표시가 되고 있는지 확인하고 싶을 때가 있습니다. Sitemap을 등록하고, robots를 등록하는 등의 작업을 거치더라도 이게 Google의 엔진이 읽을 수 있는 포맷으로 정상 등록 되어있는지 확인이 필요합니다. 대부분의 경우에는 본인이 소유한 웹 페이지에 Sitemap을 등록했...

[Jekyll] `require': cannot load such file -- 2.6/ffi_c (LoadError)

사건 제 맥북이 어느 순간부터 Jekyll 기반 블로그들을 로컬에서 실행할 수가 없게 되었습니다. 짐작가는 원인이랄게 전혀 없는 상황에서 /Library/Ruby/Gems/2.6.0/gems/ffi-1.15.5/lib/ffi.rb:3:in `require': cannot load such file -- 2.6/ffi_c (LoadError) ...

[React Native] Please accept all necessary Android SDK licenses using Android SDK Manager

개요 최근 제 맥북 패키지가 여러모로 꼬여서 아예 공장 초기화를 돌린다음 개발환경을 다시 세팅했습니다. React Native 환경은 개발환경 초기 세팅이 아주 뭣같기로 유명합니다. 실행만 하면 충돌이 일어나는데 원인은 모르겠는 상황이 참 많이 터지죠. 이번에 작성할 포스트도 그에 관해서 작성할 예정입니다. 사건 개발 환경 설정법에 따라서 JDK 설치...