Skip to content
@DoongG

DoongG

우리들의 자취생 종합 플래폼

🐣DoongG

목차

  1. 프로젝트 개요
  2. 시작하기
  3. 기능 소개
  4. API 명세서

✅ 프로젝트 개요

프로젝트 기획 의도

DoongG는 1인 가구를를 위한 통합 플랫폼입니다. 자취 경험이 있는 팀원 모두가 자취를 하며 "직접 겪은 불편함" 을 개선하고자 만든 프로젝트입니다.

프로젝트 기간

23.11.08 ~ 23.12.08 (4주)
24.02 ~ (리팩토링)

배포 링크

🔖url : https://doongg.site

기술 스택

Front-End

TypeScript React styled-components Swiper Bootstrap Zustand Quill Axios KakaoMap API

Back-End

Java Spring Spring Boot Spring Security Spring JPA Swagger JWT MySQL Docker Docker Compose NGINX AWS-EC2 AWS-S3 AWS-Route53 Certbot


👪 팀 멤버

담당업무 이름 세부역할
Back-End 심재운 팀장
API 개발, DB 개발,
Back-End개발(로그인&회원가입, 마이페이지, 핫딜, 미니게임, 자취방 리뷰), 보안 설정
류승기 팀원
API 개발, DB 개발,
Back-End개발(마이페이지, 게시판), 서버 간 통신&통합, 배포 서버 런칭&운영
Front-End 김현승 팀원
UI/UX설계, Front-End개발(로그인&회원가입, 마이페이지)
이태희 팀원
UI/UX설계, Front-End개발(게시판, 미니게임)
조진형 팀원
UI/UX설계, Front-End개발(핫딜, 자취방 리뷰)

🌟 시작하기

⚒️ 패키지 설치 및 빌드 방법

전제 조건

  • Node.js가 설치되어 있어야 합니다 (버전 16.20.2).
  • npm 패키지 관리자가 설치되어 있어야 합니다.
  • Java가 설치되어 있어야 합니다 (버전 17.0.9).
  • Gradle 빌드 도구가 설치되어 있어야 합니다.

DoongG-Server (백엔드) 설정

  1. DoongG-Server 레포지토리를 복제합니다:
git clone https://github.com/DoongG/DoongG-Server.git
  1. 프로젝트 디렉토리로 이동합니다.
cd DoongG-Server
  1. Gradle을 사용하여 프로젝트를 빌드합니다:
gradle clean build
  1. 빌드가 완료되면 실행 가능한 JAR 파일이 build 디렉토리에 생성됩니다.

  2. 다음 명령을 사용하여 서버를 실행합니다:

java -jar build/libs/doongG-0.0.1-SNAPSHOT.jar
서버는 기본적으로 http://localhost:8080에서 실행됩니다.

DoongG-Client (프론트엔드) 설정

  1. DoongG-Client 레포지토리를 복제합니다:
git clone https://github.com/DoongG/DoongG-Client.git
  1. 프로젝트 디렉토리로 이동합니다.
cd DoongG-Client
  1. 의존성을 설치합니다:
npm install
  1. 다음 명령으로 프로젝트를 시작합니다:
npm start
서버는 기본적으로 http://localhost:3000에서 실행됩니다.

✅ 기능 소개

1️⃣ 로그인 & 마이페이지 기능

  • 복잡한 로그인 UI를 최소화하기 위해 로그인 로직을 최소화 했습니다.
  • 마이페이지에서 비밀번호 변경 및 활동 정보를 확인 할 수 있습니다.
  • 최신 버전의 Spring Security와 JWT를 활용하여 비인가 사용자의 비정상적인 접근을 막도록 구현했습니다.
  • CoolSMS를 활용하여 전화번호 인증을 구현하여 회원 가입 시 본인 인증이 가능하도록 했습니다.

2️⃣ 핫딜 페이지

  • 핫딜 게시판은 기존 가격에 비해 비교적 저렴하게 올라온 상품들의 정보가 올라오는 게시판 입니다.
  • 페이지 로딩 속도를 개선하기 위해 상품 상세페이지 및 결제 기능을 한 페이지에서 가능하도록 모달로 만들었습니다.

3️⃣ 게시판 페이지

  • 자취할 때 필요한 정보나 고민거리를 해결해주는 게시판 페이지입니다.
  • React Quil을 활용하여 게시물 작성 기능을 구현했습니다.
  • 기본적인 게시판 CRUD 기능 외에도 사용자 편의를 위해 검색 기능(통합,작성자,제목,해시태그 검색), 리액션 기능, 댓글&대댓글 기능을 구현했습니다.
  • 우측에 미니 게임 요소를 넣어서 사용자에게 재밌는 요소를 넣었습니다.
  • 미니 게임은 랜덤 메뉴 추천과 냉장고 요리사 기능을 제공하며, 냉장고 요리사는 식품의약품안전처 API를 이용해 갖고 있는 재료를 기반으로 요리할 수 있는 레시피를 추천하고 레시피 상세 정보를 노출하도록 구현했습니다.

4️⃣ 자취방 리뷰 페이지

  • 자취방에 대한 리뷰를 공유할 수 있는 페이지입니다.
  • 리뷰 작성과 선택한 리뷰의 정보를 볼 수 있습니다.
  • 카카오맵 API를 활용하여 지도에 자취방의 위치에 마커를 찍어 리뷰를 남길 수 있도록 구현했습니다.

📘 API 명세서

이 프로젝트의 API 명세서는 Swagger를 통해 제공됩니다.

Swagger API 명세서 바로가기
API 명세서 (HTML2 파일 다운로드)

©️ 저작권

이 프로젝트는 MIT 라이선스에 따라 라이선스가 부여됩니다. - 자세한 내용은 LICENSE 파일을 참조하십시오.

Popular repositories Loading

  1. DoongG-Server DoongG-Server Public

    Java

  2. DoongG-Client DoongG-Client Public

    우리들의 자취 사이트🐥 - 둥지 -

    TypeScript

  3. .github .github Public

    HTML

  4. DoongG-Scraper DoongG-Scraper Public

    핫딜 크롤링을 위한 코드

    JavaScript

Repositories

Showing 4 of 4 repositories

People

This organization has no public members. You must be a member to see who’s a part of this organization.

Top languages

Loading…

Most used topics

Loading…