[react native] 기업협업 후기

유재민·2022년 3월 22일
0
post-custom-banner

# 작업내용

  • 딜리버리 리스트 페이지 리스트 레이아웃 수정
    딜리버리 리스트 페이지의 목록 리스트 레이아웃을 수정하였다.

  • 디테일 페이지 체크박스 로직 추가
    상세 페이지의 옵션 선택 시 옵션을 단독적으로 선택할 수 있도록 수정하였다.

  • 디테일 페이지 레이아웃 수정
    디테일 페이지의 옵션 리스트 레이아웃을 수정하였다.

  • 마켓 페이지 추가
    마켓 페이지를 추가하였다. 더보기 버튼 클릭 시 해당 목록 페이지로 이동될 수 있도록 구현하였으며 썸네일 클릭 시 해당 제품의 상세 페이지로 이동될 수 있도록 구현하였다.

  • 다음 지도 api, 지도로 주소 검색 기능 구현
    다음 지도 api를 커스텀하여 중심 좌표에 따른 주소를 가져오는 웹 페이지를 작성한 뒤 웹뷰를 활용하여 주소 데이터와 지도를 앱에 끌어와 사용하였다. 또한 도로명 주소와 지번 주소를 모두 받아와 버튼 클릭 시 조건부렌더링이 되도록 구현하였다.

  • 주소 목록 추가 기능
    주소를 검색하는 버튼인 "지번,도로명,건물명으로 검색"에 주소를 받아온 뒤에 버튼을 비활성화 시키고 상세 주소를 입력할 수 있도록 구현하였다. 또한 상세 주소를 입력한 뒤 저장 버튼을 클릭하면 하단 주소 리스트에 주소가 추가되도록 구현하였다.

  • 주소 목록 삭제 기능
    우측 상단에 편집 버튼 클릭 시 주소를 삭제할 수 있는 버튼을 노출시키고 삭제 버튼을 클릭하면 주소 리스트에 해당 주소가 삭제될 수 있도록 구현하였다.

  • api 로드 시 로딩 스피너 추가
    다음 지도 api와 주소 검색 api 로드 시 데이터가 뿌려지기 전 로딩 스피너를 추가하였다.


# 느낀점

기업협업을 진행하며 볼륨이 있는 프로젝트를 중간에 투입되어 프로젝트에 대해 파악하는 것이 결코 쉬운 일이 아니라는 것을 느끼게 되었다.

react native와 typescript, mobx에 대한 사용 경험이 없었기 때문에 프로젝트 파악하는 데 어려움이 있었다.
react native를 사용해보며 디버깅이 참 불편하다는 것을 느꼈고 안드로이드 에뮬레이터에서 작동이 중단되거나 수정 사항이 반영이 안 된다거나 하는 등의 에러로 작업 속도가 평소보다 떨어져 아쉬움이 많이 남았다.

또한 redux를 학습해본 경험이 있지만 어느 정도 볼륨이 있는 프로젝트에서 사용해 본 경험이 없었기 때문에 전역 상태 관리의 필요성을 별로 느끼지 못하였는데 이번 프로젝트를 진행하며 전역 상태 관리에 대한 필요성을 느낄 수 있었던 것 같다.

이번 프로젝트 참여 경험을 바탕으로 전역 상태 관리 등 부족한 부분을 파악하여 채워나갈 수 있도록 계획하고 실행해야겠다. 또한 이번 프로젝트 경험은 계속해서 변화해가는 개발자의 삶에서 새로운 언어를 대하는 태도를 배울 수 있는 의미있는 시간이었던 것 같다.

profile
프론트엔드 개발자
post-custom-banner

0개의 댓글