madcamp_week2: 서버와 DB를 활용한 어플리케이션 개발

4분반 김경민, 김나은

몰입캠프 2주차 공동과제는 서버와 DB를 활용한 어플리케이션을 만드는 것이다.

목적: 서로 함께 공통의 과제를 함으로써, 서버 및 DB를 활용하는 것에 익숙해지기

요구사항: 서버, DB, SDK를 활용한 앱으로, 데이터를 서버와 주고받는 것은 포함.

팀원

• 한양대학교 컴퓨터소프트웨어학부 김경민
• 한양대학교 컴퓨터소프트웨어학부 김나은

개발 환경

• OS: Android(minSdk:21, targetSdk:31)
• Language: Java
• IDE: Android Studio
• Server: Node.js
• Database: MySQL
• Target Device: Galaxy S22

어플리케이션 소개(Application Introduction)

스포츠 클라이밍을 즐기는 사람들을 위한 커뮤니케이션 어플리케이션 'Hold On'을 개발했다. 게시판 기능과 크루 기능, 지도 기능 등을 제공한다.

---

시작화면 - 회원가입 및 로그인

기능 설명

• SDK를 활용한 소셜 로그인이 가능하다.
• 소셜 로그인을 완료하면 회원가입 페이지로 이동한다.
• 이미 계정이 있는 경우 회원정보 페이지에서 '기존 아이디로 로그인'이 가능하다.
• 데이터베이스에 user 정보가 있는 경우 '로그인 성공' 메세지와 함께 메인 화면으로 이동한다.

---

Tab 1 - 게시판

기능 설명

• 클라이밍 커뮤니티 기능을 제공한다
• 리사이클러뷰를 이용해 게시글이 나타나고 , onresume일때마다 서버 db로부터 게시글이 update된다
• 사진을 최대 5장까지 첨부가능하게 하였고, 게시글의 사진은 가로로 스크롤된다
• 세개의 카테고리가 있어서 카테고리 탭을 눌러 원하는 카테고리의 글을 필터링 할 수 있다

---

Tab 2 - 크루

기능 설명

• 클라이밍 크루에 가입 할 수 있는 탭이다
• 첫 화면에서는 내가 가입한 그룹이 나타난다
• 그룹 만들기를 하여 그룹을 추가하여 db에 저장할 수 있고 첫화면에 업데이트가 된다
• 그룹을 가입할 수 도 있다

---

Tab 3 - 글 작성

기능 설명

• 게시글을 작성할 수 있다. 이미지를 최대 5개까지 첨부할 수 있고 게시를 누르면 db에 업데이트된다

---

Tab 4 - 지도

기능 설명

• 서울시 클라이밍장에 대한 정보를 제공한다.
• 검색 필터를 통해 지역별 암장에 대한 정보만 따로 볼 수 있도록 구현하였다.
• 상세 페이지에서는 클라이밍센터 사진, 이름, 주소와 방문자 리뷰를 제공한다.
• 리뷰 등록 버튼을 통해 리뷰를 등록할 수 있다.

아쉬운 점

• 카카오맵 api를 활용해 지도에 위치정보를 표시할 수 있도록 하고싶었으나 구현하지 못한 것이 아쉽다.

---

Tab 5 - 프로필

기능 설명

• 프로필 사진과 닉네임, 소속 크루 및 볼더링 등급을 표시한다.
• 설정 탭에서는 닉네임, 크루, 볼더링 등급과 프로필 사진을 변경할 수 있다.

---