Compass | Notion

프로젝트 소개

프론트엔드 개발자 2명과 백엔드 개발자 4명으로 구성된 팀이 함께 개발한 결과물입니다.

프론트엔드 개발팀은 React와 TypeScript를 이용하여 사용자 인터페이스를 개발하였습니다. 사용자들이 여행 정보를 작성하고 공유할 수 있는 폼과, 다른 사용자들이 작성한 여행 정보를 검색하고 댓글 등의 소통 기능을 제공하는 UI를 구현했습니다.

백엔드 개발팀은 Spring Boot와 Java를 이용하여 서버를 구축하였습니다. 사용자가 작성한 여행 정보를 저장하고 검색할 수 있는 API를 개발하였으며, 사용자 인증 및 보안, 데이터베이스 연동 등의 기능도 구현하였습니다.

이 프로젝트는 여행을 즐기는 사용자들이 서로 정보를 공유하고 소통할 수 있는 커뮤니티 사이트를 개발하는 것이 목표입니다.

나침반 erd.png

기능 소개 : 스프링시큐리티를 이용한 토큰방식으로 개발된 회원가입 및 로그인 기능 입니다.
기능 구현 : 회원 가입 및 로그인 입력 폼 의 정보를 읽을 때 useState()를 사용하지 않고 useRef()를 사용했습니다. 그 이유는 useState()를 사용했을 때 input에 onChange 이벤트가 발생할 때마다 불필요한 리렌더링이 발생하기 때문에 useRef()를 이용해서 입력 정보를 관리 했습니다.

Untitled