학술동아리 홈페이지 개발

동아리 프로젝트 참여

학술동아리 홈페이지 개발

Spring
React

백엔드 프론트엔드

소프트웨어학부 학술 동아리 TUX 홈페이지 백엔드 개발

제가 소속한 동아리인, 학술 동아리 ‘TUX’의 홈페이지를 개발하면서, Backend 개발을 담당하였습니다.

2024년 10월을 기준으로 58명의 동아리원들이 가입하여, 자료실과 갤러리 기능을 이용하고 있습니다.

TUX 홈페이지 열기 https://tux.cbnu.ac.kr

기간

기간: 2023-07 ~ 2023-09

역할

⚙️ Backend 개발 (기여도 100%)

데이터베이스 인덱스 설정을 통해 성능 개선
N+1 문제 완화를 위해 EntityGraph 적용 관련 블로그 게시글

게시판, 갤러리 기능 개발
첨부파일 업로드, 추천/비추천 기능 개발
스프링 시큐리티 이용 회원 및 로그인 기능 개발

🌐 Frontend 개발 (기여도 20%)

CRA(Create React App) → Vite 빌드 도구 마이그레이션
Redux 적용 및 API 호출 구조화

🛠️ 서버 관리 및 배포

문제 해결 및 성능 개선

인덱스 설정 및 N+1 문제 완화

문제 배경

게시판 목록을 조회하는 과정에서 데이터베이스 인덱스가 제대로 활용되지 않았고, 댓글과 회원 정보를 개별적으로 조회하는 N+1 문제가 발생하고 있었음. 이로 인해 주요 조회 쿼리의 응답 속도가 저하되고, 개별적인 DB 쿼리가 다수 발생하는 비효율적인 구조였음.

개선 방법

자주 사용되는 조회 조건에 대해 적절한 인덱스를 추가하고, JPA의 @EntityGraph 어노테이션을 활용해 게시글과 회원 정보를 Fetch Join으로 한 번에 조회하도록 개선함. 이로써 게시판 목록 조회시 회원에 대한 N+1 문제를 해결함.

결과

테스트 데이터 20만 행 기준, 게시판 조회 시간이 2.473초 → 0.007초로 약 99.67% 감소함. 또한, 기존에 회원 정보를 개별 쿼리로 조회하던 방식에서 Join 기반의 단일 쿼리로 전환하여 성능을 개선함.
댓글 수와 좋아요 수에 대해서는 여전히 N+1 문제가 존재하지만, 향후에는 이를 게시글에 집계 형태로 저장해두는 방향이 효과적일 것으로 판단함.