📒 오늘의 TIL

*️⃣ 1차 위기

• 우리 팀은 프론트엔드 3명, 백엔드 2명으로 구성되어 프로젝트에 참여했다. 우리는 어느 정도의 서비스 기획과 기능을 준비했었는데, 백엔드 팀원 중 한 분이 개인적인 사정으로 인해 프로젝트에서 중도 하차하게 되었다. 이로 인해 기존에 기획한 서비스와 기능들은 현재의 인원으로도 16일 안에 끝내기에는 타이트하게 기획되어 있었다. 그러나, 현재 인원이 줄어든 상황에서는 프로젝트를 기한 내에 완수하기가 현실적으로 어려움이 있다.

*️⃣ 해결방안

• 그 결과, 우리 팀은 기존 서비스의 볼륨을 줄이고 기한 내에 완수하기 어려운 기능들을 현실적으로 축소했다. 그러나 이렇게 기능을 줄이면 프론트엔드 인원들이 처리할 업무량도 적어지게 되어 업무 분배에 어려움이 있었다. 일을 분배해도 각자 담당하는 업무 양이 너무 적어지는 상황이었기 때문이다. 또한, 새로운 기능을 추가하면 백엔드 팀원들에게 부담이 많아질 우려가 있어 선택하기 어려운 상황에 처했다.

• 그래서, 우리는 리액트 네이티브를 활용하여 모바일 버전 서비스를 추가로 제공하고자 한다. 이를 통해 프론트 엔드 인원의 업무 양을 보충할 계획이다. 리액트 네이티브에 대해서는 아직 익숙하지 않지만, 현재까지 pc 버전으로 제공되고 있는 반응형 웹 대신 실제 모바일 앱으로 제공할 수 있는 방식을 적용해보고자 한다.

• 물론, 이러한 결정에는 우려되는 점도 많다. 리액트 네이티브에 대해 공부해야하는 시간이 필요하며, 만약 모바일 배포가 실패한다면, 우리는 다른 팀에 비해 작은 서비스를 제공하게 될 가능성이 있다. 그러나, 이번 기회를 통해 우리는 그동안 공부하지 못한 리액트 네이티브를 배워볼 수 있는 좋은 기회가 될 것이다. 실패를 떠나 개인적으로는 좋은 경험이 될 것 같다.

1️⃣ 화면 정의서

• 어떻게 작성해야 할지 모르겠어서, 요구사항 정의서를 보며 필요한 기능들을 하나씩 적어보았다. 아마 백엔드에서 작성 중인 API 명세서를 받으면 다시 정리해야 할 것 같다.

2️⃣ User Flow

• User Flow를 작성하여 사용자가 경험하는 모든 단계와 경로를 표시하고, 순서대로 따라가보았더니 기존에 발견하지 못했던 문제점들과 사용자 친화적이지 않은 부분들을 발견하여 수정할 수 있었다.

3️⃣ Figma

• 프론트엔드 팀원들과 업무를 분배하고, 제가 맡은 업무는 PC와 모바일 뷰 픽스마다 따로 작업했다.

🧑‍💻 궁금한 점

리액트 네이티브

• 리액트 네이티브에 대한 간략한 설명 :

리액트 네이티브(React Native)는 페이스북에서 개발한 오픈소스 모바일 앱 프레임워크다. 리액트 네이티브는 자바스크립트를 사용하여 iOS와 안드로이드 플랫폼 모두에서 네이티브 앱을 개발할 수 있도록 해준다.

리액트 네이티브는 리액트(React)라는 자바스크립트 라이브러리를 기반으로 하고 있다. 리액트는 컴포넌트 기반의 웹 애플리케이션 개발을 위한 라이브러리로서 인기를 끌고 있다. 리액트 네이티브는 리액트의 컴포넌트 기반 아키텍처를 모바일 앱 개발에 적용하여, 개발자들이 빠르게 모바일 앱을 개발할 수 있도록 도와준다.

리액트 네이티브는 웹 브라우저에서 동작하는 웹 앱과 달리, 네이티브 앱과 같은 성능과 사용자 경험을 제공한다. 또한, 개발자들이 기존에 사용하던 리액트 지식을 활용하여 쉽게 모바일 앱을 개발할 수 있다. 이러한 이점들로 인해 리액트 네이티브는 현재까지 가장 인기 있는 모바일 앱 개발 프레임워크 중 하나다.

• 리액트 네이티브를 사용한 모바일 배포 과정 :

리액트 네이티브에서 앱을 배포하는 과정은 크게 두 단계로 나눌 수 있다.
첫 번째 단계는 Expo를 통해 iOS와 Android 모두에 대한 앱 패키지를 생성하는 것이며,
두 번째 단계는 생성된 앱 패키지를 각각의 앱 스토어에 등록하여 배포하는 것이다.

Expo는 리액트 네이티브에서 앱을 개발하고 배포하는 데 도움이 되는 툴이다. Expo CLI를 사용하여 앱을 빌드하고, Expo 서비스를 통해 간편하게 iOS와 Android 앱 패키지를 생성할 수 있다.

빌드된 앱 패키지를 각각의 앱 스토어에 등록하여 배포할 수 있다. 구글 플레이 스토어와 애플 앱 스토어는 각각의 등록 절차가 있으며, 등록 후에는 사용자들이 해당 스토어에서 앱을 다운로드하고 사용할 수 있다.

✍ 알게된 점

• 리액트 네이티브
• User Flow

💫 느낀점

• 위기는 기회다..