• 팀 명 : 🌙 낭만코더
• 프로젝트 명 : Stackoverflow
• 프로젝트 기간 : 2023.06.9 - 2023.06.27
• 배포링크 : ✈︎ 배포링크
• 노션링크 : ✈︎ 노션 바로가기

🌟 팀 소개

한원영	김형일	이지효	박지인	김어진	이지윤	최서우
FE 부팀장	FE	FE	BE 팀장	BE	BE	BE

담당 파트

FE

한원영

• 회원가입, 로그인

  • 로그인 시 JWT 토큰을 받아서 저장
  • JWT토큰을 이용한 로그인 세션 유지방식 구현

• Nav

  • 로그아웃 기능 구현
  • 질문 검색기능 구현

• 프로필

  • 유저의 QnA Api를 받아서 stats, Question, Answer 정보를 보여준다
  • 프로팔 관련페이지 공통 header 컴포넌트 구조, 기능구현

• 관리자 기능

  • 유저권한에 따라서 컴포넌트 분기설정
  • 관리자는 모든 사용자를 삭제할수 있도록 구현

김형일

1. components

• Side Bar 컴포넌트 구현

2. api

• 1.3. 회원 정보 수정 - �editUser
• 2.2. 질문 수정 - eidtQuestion
• 2.3. 질문 삭제 - deleteQuestion

3. page

• 메인페이지
  • 메인페이지 구현
• 회원정보 수정
  • 회원정보 수정 기능 구현
  • 회원정보 수정 구조 구현
• 질문등록
  • 질문등록 기능 구현
  • 질문등록 구조 구현
• 질문수정
  • 질문수정 기능 구현
  • 질문수정 구조 구현
• 질문삭제
  • 질문삭제 기능 구현
  • 질문삭제 구조 구현
• 유저프로필 삭제
  • 유저프로필 삭제 구조 구현
• 로그아웃
  • 로그아웃 구조 구현

이지효

1. components or modules

• Footer
• Router
• Loader
• Pagination

2. api

• 1.6. 전체 회원 정보 조회 - getAllUser
• 1.7. 회원 탈퇴 - deleteUser
• 2.3. 질문 삭제 - deleteQuestion
• 2.5. 전체 질문 조회 - allQuestion
• 3.2. 답변 수정 - editAnswer
• 3.5. 답변 삭제 - deleteAnswer

3. page

• 홈 - Home(TopQuestion)
  • 질문 작성 버튼
    • 버튼 클릭 시, 로그인을 하지 않으면 로그인 화면으로 이동
    • 버튼 클릭 시, 로그인 되어 있으면 질문 등록 페이지로 이동
  • 질문 아이템 구현
    • title, content, viewCount, answerCount, avatar, createBy, createAt, modifiedAt 요소 구현
      • title 클릭 시, 작성된 질문 페이지로 이동
      • avatar, createAt 클릭 시, 해당 유저 프로필로 이동
• 질문 게시판 - Questions(AllQuestion)
  • 구조는 홈과 비슷, 아래는 추가 구현 기능 설명
  • 필터링 버튼 구현
    • Newest 클릭 시, 최근에 업데이트 된 질문 순으로 정렬
    • Unanswered 클릭 시, answerCount가 적은 순으로 정렬
  • 페이지네이션 구현
• 유저 목록 - Users
  • 필터링 유저 검색창 구현
  • 페이지네이션 구현
• 답변 수정 - EditAnswer
  • 구조 수정 및 api 추가 구현
• 유저 프로필 삭제 - DeleteProfile
  • 체크 박스 확인 후, 삭제 가능
• 에러 페이지 - NotFound
  • 잘못된 URI 접근 시, 화면에 노출
• 팀 소개 - About
  • 팀명 및 팀원 이름과 각 개인의 GitHub 주소 소개

BE

박지인

• 사용자 정보

  • 회원가입, 로그인, 회원 탈퇴 기능
  • 회원 정보 수정 기능
  • JWT를 이용한 사용자 인증, 인가 구현

• OAuth2 구글 로그인

  • 구글 Cloud API 서비스를 사용한 구글 로그인 기능 구현
  • 로그인에 성공시 JWT accessToken, refreshToken 발급하도록 구현

• CI/CD

  • gitActions로 통합 개발 환경 구축 (https://github.com/jeein2222/seb44_pre_006)
  • EC2로 서버 구축, S3 버킷으로 클라이언트 서버 구축, RDS - mysql 사용

김어진

• 질문 작성
  • 로그인한 회원만 작성
• 질문 수정
  • 해당 질문을 작성한 회원만 수정
• 질문 삭제 (질문 작성자만 가능)
  • 해당 질문을 작성한 회원만 삭제
  • 질문 삭제 시, 질문 조회 불가능
  • 질문 삭제 시, 관련 답변 조회 불가능
• 질문 조회
  • 전체 질문 리스트 조회
  • 질문 내용 및 해당 질문에 대한 답변 모두 조회
• 질문 검색
  • 제목으로 질문 검색

이지윤

• 답변 작성
  • 로그인한 회원만 작성
• 답변 수정
  • 로그인한 회원만 수정
  • 해당 답변의 작성자만 수정
• 답변 삭제
  • 로그인한 회원만 수정
  • 해당 답변을 작성한 회원만 삭제 가능
• 답변 조회
  • 전체 답변 조회
  • 질문 내용에 속한 답변 모두 조회

최서우

• 기능 외

  • 기능 외1
  • 기능 외2

• 기능

  • 기능1
  • 기능2

🛠️ Stacks

Tools

Github	Discord	Notion	Jira	Zoom

Front-end

Html	CSS	JavaScript	React	TypeScript	redux-toolkit	styled-components

Back-end

Java	Spring	Spring Boot	mySQL	AWS	JWT	Oauth2

🚀 Service

1. Stackoverflow 메인 페이지

2. 회원 가입 기능

3. 로그인 기능

4. 로그인 후 전체 사용자 질문 확인 기능

5. 전체 Question 중에서 키워드로 질문 검색 기능

6. Ask Question 버튼 눌러서 질문 등록 기능

7. 등록한 질문과 댓글 확인 기능

8. 다른 사용자의 질문에 댓글 등록 기능

9. 전체 사용자 조회 기능

10. 사용자 정보 수정 기능

11. 사용자 계정 삭제 기능

💻 Documents

ERD

사용자요구사항 정의서

테이블 명세서

API 명세서

화면정의서

테스트 체크리스트

✨ 프로젝트 관리

✔︎ Github의 칸반 보드를 사용하여 전체 업무 흐름 관리 및 업무 개선

✔︎ Zoom, Discord를 활용한 데일리 칸반 회의 및 주간 보충 회의 진행

✔︎ 팀 노션을 활용한 이슈 및 문서관리

✔︎ Coz'Git flow 사용한 버전 관리

Message	설명
[feat]	새로운 기능 추가
[fix]	버그 수정
[refactor]	코드 리팩토링에 대한 커밋
[docs]	문서 수정
[test]	test 수정 및 추가
[release]	배포 전 release 커밋