🎊항해99 7주차 클론코딩 <13조>🎊

📆2021.12.13 ~ 2021.12.18

Team Splash

웹사이트 unsplash 클론 코딩 => Unsplash 웹사이트

구성원 및 역할👫

Front-end

• 정주혜
• 이준명

프론트 깃헙 링크 => 바로가기

Back-end

• 이현범: 회원가입, JWT 로그인 기능 구현, 태그화, 좋아요, 카카오톡 로그인, Spring Security 사용
• 임전혁: S3 게시물 기능 구현, 조회수 기능 구현, 테스트코드 작성, EC2배포, CORS처리

백엔드 깃헙 링크 => 바로가기

---

🎞프로젝트 시연 영상🎞

시연 영상 링크(유튜브)

🛠TECH STACK🛠

Back-End

         
       

Front-End

⚙주요 기능⚙

로그인/회원가입

• 이메일 중복확인 기능
• 회원가입시 Email, 비밀번호 유효성 검사
• 빈칸 금지

메인페이지

• 로그인한 유저이름 출력
• 게시글 목록 출력
  • 키워드 클릭 시 해당 카테고리의 출력
  • 카드별 이미지, Title, 작성자, 조회수 표시
• 카테고리 별 게시글 출력(필터)
  • 키워드 클릭 시 해당 카테고리의 출력
• 상세페이지 이동
  • 카드 클릭 시 해당 상세페이지 이동

게시글 작성 페이지

• 사진 업로드
• 빈칸 메세지

상세페이지

• 게시글 상세내용 출력
• 댓글기능
  • 로그인한 사용자만 댓글 작성가능

마이페이지

• 로그인한 사용자의 게시물 확인 가능

📅Entity 다이어그램

📜API TABLE

✒Trouble Shooting

1. CORS 정책으로 인한 접속문제

cors필터를 스프링 시큐리티에 끼워 넣어서 해결

2. Spring Security와 JWT로 인한 카카오 로그인 문제

카카오 강제로그인을 없애고 jwt 토큰 발급을 이용해 해결