PIC-ME / frontend

Naver D2 CAMPUS FEST

d2 campus fest 7th

React Native 기반의 여행일지 (PIC-ME React Native App)

https://www.youtube.com/watch?v=ZhMavq6j-8U&feature=youtu.be

Expo 를 활용해 React Native 를 구현

• 모든 파일은 tsx로 작성하였음
• Naver Login 을 expo위에서 작동하도록 앱 내에서 버튼 클릭시 웹 환경으로 네이버 로그인 실행
• naver에서 프로필 사진과 이름을 불러와서 회원가입을 진행
• 이미 로그인 되어있다면 바로 메인 화면으로 이동
• 메인화면에는 친구로 등록된 사람들의 일지목록들을 보여줌
• 내 프로필 화면은 나의 일지목록과 프로필을 수정할 수 있는 버튼을 보여줌
• 업로드 버튼 클릭시
  1. 일지의 전반적인 내용
  2. 스팟 추가
  3. 스팟의 상세한 내용 순서대로 작성하도록 함
• 업로드 된 일지를 보면 지도 화면으로 넘어감
• 파란색 핀으로 일지의 스팟들, 빨간색 핀으로 주변 관광지 표시
• 일지 상세보기 시 스팟들의 상세 정보를 확인할 수 있다.