unani92 / twlssafy

TWL: Today We Learned

Intro

👍 서비스 소개

개발자가 되고 싶은 우리들은 매일같이 TIL을 만들고 깃허브에 올리지만,

블로깅은 엄두도 내지 못하는 사람들이 있습니다.

우리들의 관심사 는 다르고 매일 공부하는 것도 다릅니다.

그래서 준비했습니다. 꿈나무들의 TIL을 모두 모아볼 수 있는 커뮤니티 TWL 지금부터 시작합니다.

배포 주소

http://i3a407.p.ssafy.io/

:person_frowning: 팀원 소개

이름	역할
정윤환	팀장, firebase storage 연동, 에디터 연동을 통한 게시글 작성 사용자 뷰 구성
배유진	AWS 배포, 회원 인증, 게시글 및 추천, 알림 컨트롤러 및 DB 구축
신영찬	UCC 제작, 회원가입, 관심사, 마이 페이지, 좋아요, 북마크 기능 구성
전혜인	이메일 인증, 검색, 관심사, 댓글 컨트롤러 및 DB 구축

서비스 주요 기술 소개

0. 🔑 사용자 인증

🔑 로그인 / 회원가입

이메일 인증을 거쳐 가입이 가능합니다.

소셜 회원의 경우, 이메일을 제외한 정보를 입력하시면 됩니다.

1. ✏️ 마크다운 에디터 CRUD

• 게시글 작성

• 게시글 조회

( 좌: <1> 작성자 본인은 수정, 삭제, 마크다운 다운로드 가능 <2> 팔로우, 좋아요, 핀, 게시글 url 복사 )

( 중: url 복사 실제 화면 ) ( 우: 디테일 페이지 하단면, 댓글 작성란 )

2. 🔍 개인 관심사 기반 게시글 큐레이션

• 관심사 선택

  

  ( 사진 좌: 회원가입 페이지 관심사 선택 | 우: 마이페이지 관심사 선택)

• 최신글 / 팔로우 / 북마크 모아보기 탭

• 관심사, 좋아요 기반 관심글 추천

• 키워드 검색 및 기타 검색기능

3. 마이페이지

3.1 캘린더 기능

날짜를 클릭하면 해당 날짜에 작성한 글들만 모아볼 수 있다.

3.2 등급

점수 산정 : 글 작성 시 10점, 댓글 작성 시 3점, 자신의 게시글에 좋아요 받을 때 1점

NEW : 10점 미만

BRONZE : 50점 미만

SILVER : 150점 미만

GOLD : 300점 미만

PLATINUM : 600 미만

DIAMOND : 600 이상

3.3 회원 정보 조회 및 수정

4. 🔔알림

• notification
  
  

( 사진     좌: 알림    |    중간: 알림 확인    |    우: 읽은 알림 삭제 )

🔣 사용한 기술

• backend
  • Spring
  • maria DB / JPA
• frontend
  • Vue.js
  • FireBase
• deploy
  • AWS EC2
  • nginx
• 형상관리
  • Jira
  • GitLab

📆 프로젝트 진행 일정

• 총 개발 기간 약 39일 (7/07~8/14)
• 1주차 : 기획 및 설계
• 2주차: 개발환경 구축 및 데이터베이스 설계
• 3주차 & 4주차
  • 백엔드 & 프론트엔드 개발
• 5주차
  • 프론트엔드 개발, 서버 배포
• 6주차 : 오류수정

문제 해결 및 문서 정리

1. FrontEnd

1-1. ToastUi Editor

1-2. Firebase Storage

1-3. Drag & Drop

1-4. AutoComplete

1-5. myPage component props

1-6. file Download

2. BackEnd

2-1. 로그인

2-2. 알림

2-3 도커 위에 jar 파일 띄우기