🗺️ Keepit 우리만의 지도 만들기

앱 소개 링크 >> https://www.notion.so/Keepit-a5f019c1a00a47de9e803d4ca5c3c637

앱 시연 영상 >> https://www.youtube.com/watch?v=3jTcanIViDc&t=17s

앱 다운로드 >> https://apps.apple.com/kr/app/keep-it-%EC%9A%B0%EB%A6%AC%EB%A7%8C%EC%9D%98-%EC%A7%80%EB%8F%84-%EB%A7%8C%EB%93%A4%EA%B8%B0/id1661640887

⛳️ 목표

킵잇은 좋은 장소를 찾는 모두를 위한 제품을 만들고 있습니다.

우리가 sns나 블로그에서 얻은 장소 정보는 광고나 단순 보여주기식으로 인해 생각보다 만족하지 못한 경험으로 이어지게 됩니다. 여러 플랫폼에 흩어져 있는 정보를 모으기에 기술적 제약과 불편함도 있고요. 킵잇은 공통의 주제로 사람들이 모여 솔직한 장소 리뷰를 나누고 장소를 모아 그룹 지도를 만드는 커뮤니티 서비스를 목표로 합니다.

사소한 UX 디테일까지도 놓치지 않고 기능을 구현하는 것이 목표입니다.

ex1. 유저가 어떤 상황에서 앱을 종료하더라도 문제가 없도록 조치하기
ex2. 필요한 곳에 상황별 Skeleton을 적용하여 로딩중임을 꼭 보여주기
ex3. 이미지와 글을 불러올 때 상황에 따라 캐싱과 api 호출 등을 분기처리하여 빠른 성능과 데이터 무결성을 모두 챙기기 ex4. 임시저장 기능을 통해 작성하던 글은 언제든 다시 작성할 수 있도록 구현
ex5. 페이지를 스크롤 한 후 다른페이지로 이동했다 돌아왔을 때 리스트 데이터 업데이트 여부에 따라 새로고침 여부 핸들링
ex6. 테스트 외적으로도 직접 기능들을 하나하나 사용해보며 Side Effect로 인해 발생되는 에러를 추적하고 핸들링

클린코드를 위해 꾸준히 코드 리팩토링을 진행 중입니다.

기능이 아무리 많다 한들 제대로 동작하지 않으면 의미가 없습니다. 주기적으로 컴포넌트를 리팩토링하고 props를 수정하고 스타일가이드 정책을 가꾸고 함수 등 관심사를 분리하는 작업을 진행합니다.

CI/CD를 통한 자동화를 구현하여 쉽게 협업이 가능한 프로젝트를 목표로 합니다.

e2e Test, Codepush와 XCode를 상황에 맞게 활용하여 무중단 배포 전략을 구현합니다.

Github, Notion, Figma를 통한 활발한 소통을 바탕으로 효율적인 협업을 추구합니다.

Git Flow 확립, 주간 회의시 작업내용 컨펌, 실시간 Notion ToDo 업데이트.

안정적인 서비스 운영을 위해서 테스트 코드를 작성합니다

기능이 지속적으로 추가되기 때문에 Side Effect 방지를 위해 e2e 테스트를 중점으로 점검합니다.

⛳️ 사용한 기술

• React-Native
• CodePush
• Redux
• Detox
• FCM
• React Navigation

⛳️ Keepit 기능 소개 및 담당영역(FrontEnd)

개발하는 과정에서 기존 기능에 Side Effect를 발생시키는 기능들이 지속적으로 추가되었기에 이를 해결하는데 많은 시간을 소비하였습니다. 이런 과정을 겪은 뒤로는 새로운 기능이 생겨도 Side Effect가 적게 발생할 수 있도록 코드를 유지보수 하였습니다.