G:Then

그땐 그랬지, “ G:Then “ 입니다.

• 배포 주소 : http://resmemory.store

🎞️ TEAM

• 팀 명 resmemory

• 팀원 소개

  역할	이름	Blog
  리더, BE, FE	이다영	https://verdantjuly.tistory.com/
  부리더, BE	김주희	https://velog.io/@kinjoo
  BE	김민규	https://minker.tistory.com/
  BE	김지혜	https://velog.io/@gajigaji04
  UI/UX	송정현
  FE	장시훈	https://velog.io/@sh_j225/posts
  FE	배찬용	https://baecy341.tistory.com
  FE	이은찬

• 개발 팀 기능 역할 분담

  이름	Backend	Frontend
  이다영	Users 서비스, CI/CD, 테스트코드, 로그전략	채팅, 글 상세 페이지, 스레드 페이지
  김주희	Posts 서비스, 로그전략	1차 프론트엔드
  김민규	Admin 서비스, Chat 서비스	1차 프론트엔드
  김지혜	Threads 서비스, 테스트코드	1차 프론트엔드
  장시훈	-	마이페이지, 로그인 페이지
  배찬용	-	메인페이지, 글 작성 페이지
  이은찬	-	관리자페이지

• 개발 일정

  분류	기간
  1차 개발 기간	2023년 8월 16일 ~ 2023년 9월 15일
  2차 개발 기간	2023년 9월 16일 ~ 2024년 2월 20일

• 개발 과정

  타임라인

  프로젝트 회의록

📽️ Project

• 프로젝트 명
  • 그땐(G:Then)
• 프로젝트 목적과 기능
  • 추억 공유 게시판 커뮤니티
  • 게시글과 댓글을 통해 서로의 추억을 교환하며 채팅과 익명을 통해 새로운 추억을 쌓아나간다.

✒️ Coding Convention

• 변수, 클래스, 함수 네이밍

  • 변수 : 카멜케이스, const, let (var X), 명명 시 진지하게 고민
  • 클래스 : 클래스명 첫 글자는 대문자

• prettierrc : airbnb

  module.exports = {
    printWidth: 80, // 한 줄 최대 문자 수
    tabWidth: 2, // 들여쓰기 시, 탭 너비
    useTabs: false, // 스페이스 대신 탭 사용
    semi: true, // 문장 끝 세미콜론 사용
    singleQuote: true, // 작은 따옴표 사용
    trailingComma: 'all', // 꼬리 콤마 사용
    bracketSpacing: true, // 중괄호 내에 공백 사용
    arrowParens: 'avoid', // 화살표 함수 단일 인자 시, 괄호 생략
    proseWrap: 'never', // 마크다운 포매팅 제외
    endOfLine: 'auto', // 개행문자 유지 (혼합일 경우, 첫 줄 개행문자로 통일)
  };

• GitHub

  • Organization 이용하여 Repository 생성
    [ Commit Message ]
    feat : 새로운 기능 추가 (Add …)
    fix : 코드 수정 (Change, Delete …)
    docs : 문서 수정 (README.md 등)
    style : 코드에 변경이 없는 단순 줄바꿈, 여백 수정
    refactor : 코드 리팩토링
    test : 테스트 코드 추가
    chore : 빌드 업무 수정, 패키지 매니저 수정
    [기능별 브랜치]
    users : 회원
    thread : 댓글 스레드
    posts : 게시판
    admin : 관리자
    [최종 집합 브랜치]
    develope : 기능별 브랜치 집합
    release : 배포 전 테스트
    master : 배포
    [프론트 엔드 브랜치]
    frontend : 프론트엔드 집합 브랜치
    frontend_(각자 이니셜) : 개인 프론트엔드 브랜치
    [기타 브랜치]
    hotfix : 긴급 수정
    readme

  • Commit 전에 불필요한 주석 삭제

• API 명세서 준수, 변경사항 있는 경우 모두에게 승인 받고 진행

• GET : query, params 만 사용

📋 API

응답하라 추억시대 API 명세서

admin 서비스 코드 별 메시지

threads 서비스 코드 별 메시지

posts 서비스 코드 별 메시지

users 서비스 코드 별 메시지

📔 ERD

https://drawsql.app/teams/verdantjuly/diagrams/resmemory

📽️ Project Architecture

💻 Tech Spec

• Backend Language : Node.js (ver 18.19.0)
• Frontend Language : React
• Server : Amazon EC2
• DB : mysql(ver.8.0.35), MongoDB
• Cache : Redis(ver.6.2.6)
• CI/CD : Github Actions, Code Deploy
• WebSocket, Nodemailer, S3