항해 99, 미니 프로젝트 - 항해 하우스 개발 일지 -1-

클론 코딩 주간이 끝나고 2주간 지금까지 배웠던 내용을 점검하고 재정비하는 미니 프로젝트 기간이 시작됐습니다 . 

항해 하우스

이번 미니 프로젝트에서 만들 서비스의 이름은 '항해 하우스' 입니다.

최근 유행하는 음성 채팅 어플 '클럽 하우스'를 따라해서 우리는 채팅 어플을 만들어보고자 했습니다 ! 

그동안 배웠던 내용을 복습하고 활용하면서 정비하는 와중에 새로운 서비스도 공부해보고 싶다는 의견이 나와서 실시간 채팅 기능을 넣기로 결정했어요 . 

 

우리가 생각한 기능은

• 로그인
• 회원가입
• 회원 가입 정보를 활용한 프로필 사진과 닉네임 설정
• 다양한 관심사별 채팅방 만들기
• 채팅방 참여
• 실시간 채팅 기능 

그 다음 이런 기능들을 이용해 어떤 화면은 만들지 와이어 프레임을 작성했습니다. 

 

와이어 프레임 

먼저 처음 페이지에 진입하면 로그인 여부를 확인하고 무조건 로그인을 페이지로 넘어가도록 만들거에요. 

회원가입과 로그인을 거쳐 메인 페이지로 진입하면 

메인 페이지에 접속하면 접속한 유저의 관심사 설정 여부를 확인하고, 첫 방문이면 관심사를 설정해주는 모달을 띄워줄 예정이에요. 그리고 메인으로 돌아오면 관심사와 채팅방 이름을 표시해주고, 참여한 인원이 누구인지 리스트를 통해 보여줄 예정입니다. 

또한 본인이 설정한 관심사와 똑같은 채팅방만 보여주거나, 참여하고 있는 채팅방을 보여주도록 오른쪽 위에 버튼을 만들예정이에요. 

채팅방을 누르면 채팅방에서 실시간 채팅에 참여하도록 만들 예정입니다 ! .

 

API 구현 목록

아직 모두가 실시간 채팅에 대한 개념이 없는 상태라서 최대한 아는 내용 위주로 API 설계 목록을 작성했어요.

이번에는 프로젝트 기간이 2주라서 1주동안은 최대한 간단하게라도 기능이 돌아가게끔 구현하는 것을 목표로 진행하고, 2주차에 세세한 내용을 점검하고 기능을 추가하는 쪽으로 목표를 잡았습니다 ! 

 

Notion

www.notion.so/99-e33f9ecf424a461fb834ef8c08e9a696

우리 팀이 앞으로 회의 내용이나 프로젝트 진행 상황등을 적어갈 노션입니다 ! 

 

화이팅 !! >< ! 

 

매일 매일 모르던 지식을 배우고, 응용하며 성장할 수 있는 프로젝트가 되기를.