온라인 스터디 모집 플랫폼 - OOLa

배포 주소

OOLa https://studyoola.herokuapp.com

프로젝트 기획 의도

빠르게 변화하는 IT업계의 흐름을 쫓아가기 위해 개발자는 항상 공부 해야합니다.
그러나 쏟아져 나오는 기술을 혼자 따라가려 하는 것은 한계가 있습니다.
그래서 많은 개발자들은 스터디 모임을 찾습니다.
스터디 모임을 통해 다양하고 유익한 정보를 서로 얻을 수 있고
서로 피드백을 주고 받으며 성장할 수 있으며 학습의 지속가능성을 높입니다.
개발자들이 온라인을 통해서 스터디를 모집하고 효율적인 운영을 돕기 위해 프로젝트를 기획했습니다.

핵심기능

👩‍💻🧑‍💻 온라인 스터디 모임 만들기

• 스터디의 분야, 일정 및 시간과 모집 인원등의 스터디의 정보를 입력하면 스터디가 등록되며 모집이 시작됩니다.

🔍 스터디 타입, 스터디 일정 및 시간으로 필터링

• 필터링을 통해 자신의 조건에 맞는 스터디를 빠르게 검색할 수 있습니다.

🧡 관심 스터디 저장하기

• 하트버튼을 눌러서 관심있는 스터디를 저장할 수 있습니다.
• 저장된 스터디는 마이스터디 페이지에서 확인할 수 있으며 이후에 쉽게 스터디를 신청할 수 있습니다.

🙋‍♀️🙋 스터디멤버 확인하기

• 스터디 멤버의 테크 스택과 간단한 자기소개, 깃과 블로그의 주소로 서로를 파악할 수 있도록 했습니다.

🗂 스터디 멤버와 공유하고 싶은 참조자료 포스팅하기

• 참여하고 있는 스터디의 공유로그 탭에 외부 참조자료의 URL과 간단한 소개를 포스팅할 수 있습니다.

팀원

FrontEnd

• 황유진, 이미미

Backend

• 최미영

프로젝트 개발 기간

• 프로젝트 기획 | 2022.05.09 ~ 2022.05.19
• 프로젝트 개발 | 2022.05.19 ~ 2022.06.27

개발 환경

FrontEnd

Backend

Infra

시스템 아키텍처

ERD 설계

기획 및 설계

기능 명세서

UI 기획서

Figma 디자인

DB ERD 명세서

API 명세서

백 깃 레포지터리

https://github.com/Couch-Coders/8th-ooLa-BE

프로젝트 이슈

Axios DELETE 요청 시, Request Body의 data를 전달하지 못하는 문제

• 원인 : 관심스터디 해제 시, POST/PATCH 메서드와 동일한 방식으로 DELETE 요청을 했더니 Request Body의 data를 서버에 전달하지 못하는 문제 발생
• 해결과정 : DELETE 요청 시, 두 번째 파라미터에 { data: {} }를 추가하여 Request Body의 data를 담아 전달하도록 코드 수정

JWT 토큰 유효 기간 만료 문제

• 원인 : Firebase에서 인증 토큰을 받아서 localStorage에 저장한 뒤 Axios instacne를 만들어서 헤더에 넣었는데 유효 기간이 1시간이라 이후 요청에서 오류 발생
• 해결과정 : 매 요청시 Firebase에서 유효한 토큰을 받아 요청할 때 넘겨주도록 코드 수정

레퍼런스

Axios - delete 요청 시 body에 데이터 넣는 법
Firebase Authentication SDK refreshes JWT Token