🚘보초 운전🚘

여러분의 든든한 가이드, 보초 운전

운전, 처음이라 떨리시죠? 걱정 마세요! 보초 운전 커뮤니티가 있습니다.
여긴 초보 운전자들이 모여, 기초부터 안전한 운전 팁까지 서로 공유하고 성장하는 공간이에요.
함께라면 첫 운전도 두렵지 않아요! 운전, 같이 즐겨봐요! 🚗💨

📌Info

● 프로젝트 브로셔 : 보초운전 브로셔
● 배포 링크 : https://www.bocho.p-e.kr/
● 팀 노션 : 보초운전 노션

📆Period

2024.07.19 ~ 2024.08.15

🚜Project Members

박찬영	홍채현	조수인	김영아	전효열
FrondEnd/Leader	FrondEnd	BackEnd/Vice Leader	BackEnd	BackEnd

Service Architecture

🛠️Tools

backend

Infrastructure

Dev tools

ERD

🌟Backend 주요 기술

1. 로그인: JWT 토큰 방식, Spring Security

JWT(Json Web Token)를 활용하여 사용자 인증을 구현하였습니다. 클라이언트가 로그인할 때, 서버는 AccessToken과 RefreshToken을 발급해 클라이언트에게 전달한다. AccessToken은 일정 시간이 지나면 만료되며, RefreshToken을 통해 AccessToken을 재발급하여 사용자의 로그인을 유지한다. Spring Security를 통해 인증과 인가를 처리하고, 사용자 정보의 보안을 강화했다. 소셜 로그인(Kakao, Google) 또한 Spring Security와 OAuth2를 통해 구현했다.

2. WebSocket

WebSocket을 이용해 실시간 통신을 구현했다. 서버와 클라이언트 간 양방향 통신이 가능하며, 사용자가 실시간으로 영상 공유 및 연수 매칭과 같은 기능을 수행할 수 있도록 설계했다. HTTP와는 달리 WebSocket은 연결이 유지된 상태에서 데이터 교환이 가능하기 때문에, 빠른 응답 시간과 더 나은 사용자 경험을 제공한다.

3. 이미지 S3 업로드

AWS S3(Simple Storage Service) 를 사용하여 이미지 파일을 저장하고 관리한다. 사용자가 이미지를 업로드하면 서버는 해당 파일을 S3 버킷에 저장합니다. S3는 고가용성과 확장성을 제공하여 대규모의 이미지 파일도 안정적으로 저장할 수 있다. 업로드된 이미지는 URL 형태로 관리되며, 필요할 때마다 쉽게 접근할 수 있다. S3와 연동된 파일 관리 기능은 비용 효율적이며, 데이터 백업 및 복구 기능을 통해 보안과 안정성을 유지한다. 또한, S3 버킷의 정책 설정을 통해 업로드된 파일에 대한 접근 제어가 가능하며, 파일의 공개 여부를 설정해 이미지 보안을 강화할 수 있다.

⚠️Trouble Shooting

🚨 issue 1

🔐로그인 AccessToken, RefreshToken 발급

로그인 시 accessToken을 발급할 때 loginFilter에서 token을 발급하지 않고 controller에서 직접 accessToken을 발급하고 있었다.

❓ cause

클라이언트가 로그인 요청을 보내면 loginFilter를 거치지 않고 바로 controller로 가는 문제가 발생되고 있었다.

❗ solution

this.setFilterProcessesUrl("/signin");

위의 코드를 통해 UsernamePasswordAuthenticationFilter가 로그인 요청을 처리할 URL을 /signin으로 지정합니다. 이 설정으로 인해, 클라이언트가 /signin 경로로 로그인 요청을 보낼 때 해당 필터가 이 요청을 가로채어 처리하도록 설정됩니다.

🚨 issue 2

📷이미지 업로드 관련 오류

이미지 업로드를 위해 form-data를 통해 데이터를 매핑하려고 할 때, 해당 필드에 접근하지 못해 커뮤니티 글이 작성되지 않는 오류가 발생했습니다.

❓ cause

RequestDto 클래스에 @Getter 어노테이션이 없어서, Spring Boot가 클라이언트가 보낸 데이터를 해당 필드에 접근하여 매핑하지 못했습니다.

• Spring은 데이터 바인딩 시, 내부적으로 해당 필드의 Getter 메서드를 호출하여 값을 읽어오고, 또한 객체를 JSON이나 다른 형식으로 변환할 때도 Getter를 사용합니다.

❗ solution

RequestDto 클래스에 @Getter 어노테이션을 추가하여 각 필드에 대한 Getter 메서드를 생성합니다. 이를 통해 Spring이 클라이언트로부터 전송된 데이터를 올바르게 매핑할 수 있도록 처리합니다.