FE Team Leader Front-End Developer

개발 2021.09 ~ 2021.12 운영 2021.11 ~ 2021.12

🔗  Links

Github https://github.com/depromeet/imgoing-frontend

📜 서비스 내용

계획적인 준비 루틴 관리를 위한 약속 일정 및 루틴 관리 서비스입니다.

위 서비스에서 제공하는 핵심 기능은 2가지입니다.

1. 나만의 준비 루틴 생성
2. 약속 시간 전 준비 시간 계산

🛠 기술 스택

• React Native, TypeScript
• Redux-toolkit

🖥 개발 내용

공통 컴포넌트 모듈화

서비스에 사용되는 input, button과 같은 컴포넌트를 모듈화하여 범용적으로 사용할 수 있게 개발하였습니다. TypeScript를 도입하였기 때문에 서비스에 필요한 prop을 직접 선언하고 관리하였습니다.

서버 통신 로직 분리

redux를 이용하여 전역 상태를 관리하고, redux-thunk를 사용하여 비동기 통신하였습니다. 컴포넌트로부터 비동기 로직을 분리할 수 있어 가독성을 향상시킬 수 있었습니다.

부분 웹뷰 적용

이동 시간 계산을 위해 출발지/목적지를 입력하는 기능을 구현하였습니다. React Native의 경우 카카오 maps SDK를 적용하기 어려워 해당 뷰만 웹뷰로 개발하였습니다.

웹뷰와 앱 간 통신이 필요했고, bridge를 통하여 해결하였습니다.