딜리버리 리스트 페이지 리스트 레이아웃 수정
딜리버리 리스트 페이지의 목록 리스트 레이아웃을 수정하였다.
디테일 페이지 체크박스 로직 추가
상세 페이지의 옵션 선택 시 옵션을 단독적으로 선택할 수 있도록 수정하였다.
디테일 페이지 레이아웃 수정
디테일 페이지의 옵션 리스트 레이아웃을 수정하였다.
마켓 페이지 추가
마켓 페이지를 추가하였다. 더보기 버튼 클릭 시 해당 목록 페이지로 이동될 수 있도록 구현하였으며 썸네일 클릭 시 해당 제품의 상세 페이지로 이동될 수 있도록 구현하였다.
다음 지도 api, 지도로 주소 검색 기능 구현
다음 지도 api를 커스텀하여 중심 좌표에 따른 주소를 가져오는 웹 페이지를 작성한 뒤 웹뷰를 활용하여 주소 데이터와 지도를 앱에 끌어와 사용하였다. 또한 도로명 주소와 지번 주소를 모두 받아와 버튼 클릭 시 조건부렌더링이 되도록 구현하였다.
주소 목록 추가 기능
주소를 검색하는 버튼인 "지번,도로명,건물명으로 검색"에 주소를 받아온 뒤에 버튼을 비활성화 시키고 상세 주소를 입력할 수 있도록 구현하였다. 또한 상세 주소를 입력한 뒤 저장 버튼을 클릭하면 하단 주소 리스트에 주소가 추가되도록 구현하였다.
주소 목록 삭제 기능
우측 상단에 편집 버튼 클릭 시 주소를 삭제할 수 있는 버튼을 노출시키고 삭제 버튼을 클릭하면 주소 리스트에 해당 주소가 삭제될 수 있도록 구현하였다.
api 로드 시 로딩 스피너 추가
다음 지도 api와 주소 검색 api 로드 시 데이터가 뿌려지기 전 로딩 스피너를 추가하였다.
기업협업을 진행하며 볼륨이 있는 프로젝트를 중간에 투입되어 프로젝트에 대해 파악하는 것이 결코 쉬운 일이 아니라는 것을 느끼게 되었다.
react native와 typescript, mobx에 대한 사용 경험이 없었기 때문에 프로젝트 파악하는 데 어려움이 있었다.
react native를 사용해보며 디버깅이 참 불편하다는 것을 느꼈고 안드로이드 에뮬레이터에서 작동이 중단되거나 수정 사항이 반영이 안 된다거나 하는 등의 에러로 작업 속도가 평소보다 떨어져 아쉬움이 많이 남았다.
또한 redux를 학습해본 경험이 있지만 어느 정도 볼륨이 있는 프로젝트에서 사용해 본 경험이 없었기 때문에 전역 상태 관리의 필요성을 별로 느끼지 못하였는데 이번 프로젝트를 진행하며 전역 상태 관리에 대한 필요성을 느낄 수 있었던 것 같다.
이번 프로젝트 참여 경험을 바탕으로 전역 상태 관리 등 부족한 부분을 파악하여 채워나갈 수 있도록 계획하고 실행해야겠다. 또한 이번 프로젝트 경험은 계속해서 변화해가는 개발자의 삶에서 새로운 언어를 대하는 태도를 배울 수 있는 의미있는 시간이었던 것 같다.