Univdev
취소

[React Native] React Native Reanimated 패키지 설치 방법

개요 React Native에서는 애니메이션을 구현하기가 정말 어렵습니다. 특히 웹에서 현란한 애니메이션을 구현해 본 적 있는 사람이라면 상대적으로 크게 느껴질 대목이라고 생각합니다. 웹이라면 CSS3 혹은 Javascript를 통해서 간편하게 애니메이션을 구현할 수 있는데, React Native 환경에서는 간단한 Opacity 애니메이션이라면 몰라...

버스는 어떻게 혼잡도를 측정할까?

버스의 혼잡도 서울을 시작으로 이제는 경기도에서도 버스 혼잡도를 볼 수 있습니다. 아직 지원하지 않는 버스 정류장이 있을지도 모르겠지만, 현재는 꽤 광범위하게 지원하는 기능이라고 생각됩니다. 여유, 보통, 혼잡 세 단계로 분류되는 혼잡도 알림 서비스는 어떻게 측정되는걸까요? BIS Bus Information System. 참 간단한 약어죠? 우리나...

[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을 등록했...