/TTOSTA-BE

Primary LanguageJava

✨ 또스타그램

image

"또"다른 일상을 공유하는 SNS 사이트 입니다.

👬 팀원

frontend

  • 조다솜
  • 은예찬

backend

  • 이동규
  • 김명수
  • 박민정
  • 유은정

📄 주요 기능

  1. 회원가입 / 로그인
  • jwt token 사용해서 로그인 인증
  1. 게시글 작성
  • 게시글 제목, 내용, 이미지 첨부할 수 있도록 설정

🔧 기술 스택

frontend

  • React Hook
  • redux toolkit
  • Axios
  • Thunk

backend

  • JAVA
  • SpringBoot
  • S3
  • EC2
  • JPA
  • MySQL

🎨 페이지 구성 / 시연 영상

https://youtu.be/umVo9IhVnzM

🔥 트러블슈팅

1. 요청 실패시 false와 에러코드를 반환하도록 설정하였지만 HTTP status 가 여전히 200 OK를 반환하는 문제 발생 ( 이동규 )

  • ResponseEntity를 사용해 에러의 상황에 따라 status 코드를 알맞게 반환하도록 설정하였음.

2. 게시글 이미지 업로드 기능을 구현할 때, 게시글을 업로드하는 API와 이미지를 S3에 업로드하는 API를 나누어 따로 구현할 것인가 아니면 합쳐서 하나의 API로 구현할것인가? ( 유은정 )

  • 처음에는 기능을 세분화하여 API를 구현하는 것이 맞다고 판단했으나, 프론트엔드 팀과 상의 결과 두 기능을 같이 포함하여 하나의 API로 구현하는 것이 프론트 측 기능 구현에 더 편리하다는 피드백을 듣게 되었다. 따라서 같이 구현하는 것으로 결정.

3. 팀이 개발을 진행할 때, commit 메시지와 branch 이름을 어떤 규칙으로 작성할 것인가? ( 유은정 )

  • Branch : 각 브랜치에서 개발하고 있는 기능을 잘 표현하는 이름을 사용해야 한다고 판단했다. 각자가 맡은 기능의 이름을 활용해 feature/{기능의 키워드} 형식으로 브랜치를 생성했다.

  • Commit 메시지 : 커밋 메시지를 통일되지 않은 형식으로 작성할 경우에 각 커밋이 어떤 내용을 담고 있는지 제대로 파악하지 못하는 문제점이 존재했다. 따라서 커밋 메시지 앞에 Feat, Fix와 같은 접두어를 붙여 각 commit이 어떤 변경 사항을 포함하고 있는지 표현했고, 커밋 메시지에 구체적인 변경사항을 적었다.

4.user 정보에 닉네임을 메인 페이지에 가져와야 하는데 막힘 해결)닉네임은 보안상 중요한게 없음으로 localStorage에다가 저장하여 사용했음

5. 메인 페이지에서 클릭했을 때 특정 값 id를 가져와야 하는데 아무 값도 안들어 옴 해결)dispatch를 사용하지 않았고 괄호 영역을 잘못함

OAuth2 , 댓글