/ssafit_famous

스터디 관리 웹서비스 제작

Primary LanguageJavaScript

[ 스터디 관리 서비스 개발 프로젝트 ]


About Project 👩‍💻

title

"모여봐요 유명의 숲"
모여서 공부하는 스터디 모임의 특징을 반영함

개발 인원

유혜승 명소이

프로젝트 기간

2023/11/13 - 2023/11/23

Skills

Backend : Java, Spring, SpringBoot
DB : MySQL
Frontend : Vue3


프로젝트 개요 📃

  • 스터디를 모집해주는 서비스는 많지만, 스터디의 처음부터 끝까지 관리해주는 서비스는 적음
  • 서비스 이용자가 스터디를 생성하고, 오프라인 일정을 추가 및 공유하고, Todo를 관리할 수 있으며, 종료 후 회고를 작성할 수 있는 서비스 제작
  • (미완) 카카오톡 공유 기능을 통해 스터디 관리의 접근성을 높임

프로젝트 디테일 🔎

  • 메인 화면 및 회고 게시판

  • 사용자 정보 수정

  • 스터디 관리


프로젝트 설계 ⚒️

  • 플로우 차트

  • ERD

  • 페이지 이동 로직


프로젝트 개발 💻

  • REST API 생성
    [Swagger 화면]

  • axios로 API와 통신
    [Vue 코드 - 사용자 로그인 기능]

     const signin = function () {
 	axios
     .post("http://localhost:8080/api/login", {
     id: id.value,
     password: pw.value,
   })
   .then(function (response) {
     console.log(response);
     // 204 : id 혹은 pw가 틀렸습니다.
     if (response.status === 204) {
       alert("아이디 혹은 비밀번호가 틀렸습니다.");
       id.value = null;
       pw.value = null;
     }
     // 200 : 로그인!
     if (response.status === 200) {
       userId.value = id.value;
       userKey.value = response.data;
       status.value = true;
       alert("로그인이 성공했습니다.");
     }
   })
   .catch(function (error) {
     console.log(error);
   });
 };