<aside> 💡 Team Gyro에서 선택한 기술 스택에 대해 정리한다.

</aside>

기술 스택

• 언어
  • JavaScript
• 프레임워크, 라이브러리
  • ReactNative
  • React Three Fiber

프로젝트 성격

모바일 기기의 자이로스코프(Gyroscope)센서를 활용, 기울기에 반응해 이동하는 3D 공굴리기 게임을 개발하기로 결정하였다. 추후 배포 과정을 고려하여 안드로이드의 개발 환경을 채택했다.

선정 과정

왜 모바일 앱인가?

핵심 기능만 두고 봤을 때 반드시 모바일 앱일 필요는 없다. 웹을 모바일에서 구동시킨다는 전제 하에, 웹 API를 통해 자이로스코프 센서 값 활용 가능하기 때문이다. 다만 높은 사용성을 고려했을 때 몇 가지 우려되는 부분이 있다.

1. 브라우저 호환성
   • apple safari에서 장치 방향 이벤트가 호환되지 않는 문제
2. JS의 싱글 스레드
   • 장치 방향에 대한 값을 가져오는 이벤트는 비동기
   • 3D 게임이라는 특성 상 많은 작업이 동시다발적으로 수행될 수 있어야 한다.
     • 3d 렌더링
     • 물리 계산
     • 장치 방향 감지, 값 가져오기
   • 코드 처리 지연 시 화면이 끊겨보이는 현상이 발생, 사용성에 대한 하락으로 이어질 수 있다.

반면, 모바일 어플리케이션으로 개발할 경우 UI 작업이 처리되는 스레드 외 ‘작업자 스레드’를 활용하여 블로킹 현상에서 비교적 자유로울 수 있다.

프로세스 및 스레드 개요  |  App quality  |  Android Developers

모바일 어플리케이션으로 개발 시 기대할 수 있는 장점에 대해 나열하자면 다음과 같다.

1. 멀티 스레딩 활용으로 여러 작업 병렬 처리 가능
2. 하드웨어를 활용해 비교적 고성능인 프로세스의 소화를 기대
3. 결과적으로 높은 사용성으로 이어짐

개발의 복잡도가 높아진다는 단점 역시 존재하나 ‘사용성’을 우선시 했을 때 앱 어플리케이션 개발이 더 적절한 선택이라고 판단하였다.