미니 프로젝트 후기 - Spring boot + React (개발자 정보 공유 커뮤니티 사이트) a.k.a 개발러스

안녕하세요.

마지막 글 올린게 .. 거의 한 달전이네요!

 

4월 19일부터 본격적으로 미니 프로젝트 시작해서 하루하루 정신이 없어서 글을 못 쓰다가

오늘 공식 일정이 끝난 김에 프로젝트 후기글을 쓰러 왔습니다.

 

정말 많은 일이 있었는데 그걸 다 쓰기엔 너무 TMI가 될 것 같아서 최대한 줄이고 줄여서 쓰고자 합니다. ㅎㅎ

 

제가 팀 리더로 선정이 되어 저 포함 3명이서 한 조를 이루었고, 스토리보드 기획은 약 1.5주간 진행했습니다. (4/5~4/15)

스토리보드는 Figma, Canva(로고), Miro, Google slide 등 다양한 툴을 사용하여 작업하였습니다.

 

정말 당연한 이야기지만 스토리보드 때 기획했던 그~대로 실제 작업물이 나왔습니다. (ㅋㅋㅋ)

     -> 이건 아래에서 보여드릴게요.

디자인이 조금은 바뀔까 싶었는데 제가 상상한 그대로 만들 수 있어서 힘든지도 모르고 정말 몰입해서 했던 것 같습니다.

---

GitHub

https://github.com/chicken-tender/Backend_miniproject.git

GitHub - chicken-tender/Backend_miniproject

https://github.com/chicken-tender/Frontend_miniproject.git

GitHub - chicken-tender/Frontend_miniproject

개발러스?

개발러스는 '개발'에 직업을 뜻하는 접미사 -er을 붙인 것으로 개발자들이란 의미 입니다.

그리고 '개발'과 '개 발'의 중의적인 의미를 본따 강아지 발 그림을 넣어 귀여운 느낌도 주었습니다.

실제 로고

그럼 대체 개발러스가 뭐하는 곳이냐? 라고 물으신다면

"개발 스택 매칭을 통한 멘토 찾기와

IT 트렌드, 회사 생활 및 회원들의 포트폴리오가 담겨있는

개발자 정보 공유 커뮤니티 사이트"

라고 한 줄(?) 요약할 수 있겠네요. 🤣

사용 기술 및 환경

build : gradle

OS : MAC

IDE : VSCode, IntelliJ, Dbeaver

language : java11, JavaScript ES6

library : React

Framework : Spring boot

DB : Oracle

ETC : Firebase

개발 일정

발표 ppt 발췌

ERD

DB 설계가 이틀만에 끝났다고 했으나..잦은 수정과 추가로 끝나기 직전까지 계속해서 수정이 이루어졌음을 고백합니다..
파이널 때는 최대한 이러지 않도록..! ㅎㅎ..

구현 기능

* 제가 담당한 작업은 색깔 표시하였습니다.

---

• PC, 모바일에 최적화된 반응형 미디어쿼리 적용 (공통)
• JWT(JSON Web Token)와 Spring Security 적용
• 회원별 기술 스택 매칭을 통한 1:1 채팅
• 내가 작성한 글 댓글 이메일 알림
• 회원가입 이메일 인증
• 회원 직업별 권한 설정(공통)

메인 페이지

• 글 작성 많이한 회원 1 ~ 5위 실시간 확인
• 전체 게시글 검색
• 게시판 주요 통계 확인
• 최신 게시글 확인 및 바로 이동
• HRDNet 오픈 API 적용

게시판

• 게시글과 댓글 작성, 읽기, 수정, 삭제
• 각 게시판 게시글 검색
• 사진 업로드
• 게시글 추천

마이페이지

• 회원 프로필 사진 업로드
• 내 정보 수정
• 회원 탈퇴
• 내가 작성한 글, 댓글 확인

참고로 1:1 채팅은 WebSocket이 아닌 DB와 axios를 이용한 비동기로 작업하였습니다. 😂
"멘토찾기"는 '학생' 혹은 '구직자'로 등록된 회원에게만 제공됩니다. 매칭은 직업이 '풀스택', '백엔드', '프론트엔드'인 개발자 회원과 이루어집니다.
이 때, 개발 스택이 두 가지 이상 일치하고, 이전에 매칭 이력이 없는 경우에만 매칭이 가능합니다.
매칭이 성사된 후에는 채팅방이 개설되며, 다른 매칭은 채팅방이 종료될 때까지 이루어질 수 없습니다.

최초 시안

스크린샷

메인(로그인x)

메인 하단

메인(로그인o)

메인(검색 결과 페이지)

로그인 페이지

멘토/멘티 매칭

매칭 성공

매칭 실패

검색

시연 영상

많이 엉성한 점이 있는데 봐주셔서 감사합니다. !!

그럼 파이널 때 다시 뵙겠습니다. ^.^💙