0. 항해99 미니프로젝트 15조

❤ Ground Rule

• 점심 시간 11시 - 1시 (1h 사용)
• 저녁 시간 5시 - 7시 (1h 사용)
• 정규 회의 시간 오전 10시, 오후 8시
• 원활한 소통을 위하여 카메라는 항상 켭니다
• 커밋 컨벤션을 지킵니다

😎 완성!

1. 프로젝트 주제

<aside> 💡 어떤 주제로 프로젝트를 진행할 예정인지, 간단히 설명을 작성해주세요!

</aside>

• 한줄 요약 : 카카오톡 클론코딩을 기반으로한 채팅 사이트
• 상세 설명 :
• 유저 리스트 상세, 단체체팅 기능을 기반으로한 카카오톡 클론코딩

2. 페이지별 와이어프레임

15조 카카오톡 클론.pdf

3. 상세 TASK

회원가입, 로그인API 공부

WBS / TASK 정리

[기능 체크리스트]

🎨 뼈대(html.css) 구현

• [x] 로그인페이지 (LoginPage)
• [x] 회원가입페이지
• [x] 메인페이지(체팅방 리스트)
• [x] 채팅방
• [ ] 스타일링(css, 컴포넌트)

💚 Front-end

• LoginPage
  • [ ] 카카오 로그인 API
• MainPage
  • [ ]
  • [ ]
  • [ ]
• ChatRoom
  • [ ]
  • [ ]

💙 Back-end

• 회원가입/로그인/Security

  • [x] 회원가입 기능
  • [x] 로그인 기능
  • [x] Security / JWT filter / 토큰

• 채팅방

  • [x] 채팅방 조회
  • [x] 메세지 보내기
  • [x] 프로필 이미지 표시
  • [x] 이미지 전송
  • [x] 채팅방 개설

• 추가사항

• [x] 날짜 시간 형식 변경

• [ ] 전체조회 파람으로 받기

• [x] 이미지 업로드 S3 (월요일 부터 시작)

• [x] ReadOnly 붙이기

• [x] 아이디 유효성검사

💙 Back-end

서버

• [x] EC2, HTTPS
• [x] CORS
• [x] MySQL

4. API 설계

API 설계

5. ERD

[ERD diagram]

6. 규칙

[코드 컨벤션]

• 변수, 함수명 작성
  • 카멜 케이스 사용

<aside> 👌 ex) camelCase

</aside>

• 함수명 작성
  • 동사+명사 형태로 작성

<aside> 👌 ex) getUserInformation()

</aside>