궁디팡!

🛠️ 스택

• Front-end
  

• Tool
  

📽 배포

http://62442.s3-website.ap-northeast-2.amazonaws.com/

📽 시연영상

https://youtu.be/lngKTDnmBxA

과제 계획

https://kaput-tv-e90.notion.site/8-SA-50f1b0349ea249d9baefe083fb466faa

📝 기능 구현

회원가입

• 회원가입 기능
• 중복 ID 체크
• ID : email 유효성 검사
• PW : 패스워드 형식 유효성 검사
• 모든 조건 충족 시 회원가입 요청

로그인

• 로그인 & 로그아웃 기능
• 소셜 로그인(카카오) 기능
• 쿠키 저장 및 로그인 상태 유지
• 로그인 시 로그인 전용 헤더 전환
  • 로그인 시 포스팅 목록 LOAD

게시글 CRUD

• [CREATE]

  • 포스트 작성기능
  • 작성자, 작성시간 기록, 사진 업로드 등 기능 구현

• [READ]

  • 작성된 포스트 화면에 로드
  • 포스트별 작성자, 작성 시간 등 로드
  • GRID 를 활용한 화면 구성 및 반응형 구현
  • [ 페이지네이션 ] 기능 구현

• [UPDATE & DELETE]

  • 본인이 작성한 포스트에만 수정/삭제 버튼 활성화
  • 포스트 수정 및 삭제 기능 구현

댓글 CRUD

• [CREATE]

  • 댓글 작성기능
  • 작성자, 작성시간 등 기록

• [READ]

  • 작성된 댓글 화면에 로드

• [UPDATE & DELETE]

  • 본인이 작성한 댓글에만 수정/삭제 버튼 활성화
  • 댓글 수정 및 삭제 기능 구현

CSS

• 반응형 화면 구성

프론트 깃

https://github.com/kordobby/mini_my_pet