****👨‍💻 아키텍쳐

🛠 사용 기술

<aside> <img src="/icons/hammer_gray.svg" alt="/icons/hammer_gray.svg" width="40px" /> Java • Spring • Oracle • Git • MyBatis • Apache Tomcat Server • JSP • HTML • CSS • Javascript • Bootstrap • JQuery •

</aside>

💣 트러블 슈팅

<aside> <img src="/icons/report_orange.svg" alt="/icons/report_orange.svg" width="40px" /> 여러 개의 레시피 과정 정보 등록 불가 해결

</aside>

초기에 Recipe(레시피 기본 정보 테이블), Step(레시피 과정 테이블), Ingredient(레시피 재료 테이블) 테이블의 데이터를 한 번에 입력받기 위해 Array 방식을 사용했으나, 레시피 과정의 특성상 여러 개의 튜플을 동시에 처리할 때 Array 크기 오류로 인한 overflow 문제가 발생했습니다. 이를 해결하기 위해 ModelAttribute 값을 Array 대신 ArrayList로 저장하는 방식으로 변경하여, 여러 개의 레시피 과정과 사진 데이터가 정상적으로 등록될 수 있도록 하였습니다.

또한, 레시피 과정 정보가 여러 개일 경우 사진도 여러 장 등록해야 하는 상황에서, 기존 VARCHAR 타입이 4000Byte까지만 저장 가능하여 대용량 사진 데이터를 저장하는 데 한계가 있었습니다. 이 문제를 해결하기 위해 Ingredient 테이블의 사진 데이터 타입을 VARCHAR에서 BLOB으로 변경(4000Byte → 4GB)하여, 사용자가 사진 용량을 줄이지 않고도 대용량 이미지 파일을 업로드할 수 있도록 개선했습니다.

성과: 데이터 저장 구조를 개선하여 다수의 레시피 과정 정보와 사진 데이터를 손쉽게 등록할 수 있게 되었고, 대용량 이미지 파일도 문제없이 처리할 수 있어 사용자 편의성이 크게 향상되었습니다.

<aside> <img src="/icons/report_orange.svg" alt="/icons/report_orange.svg" width="40px" /> 같은 상세 페이지에 동시에 접근했을때 조회수가 증가되지 않는 문제 해결

</aside>

레시피 상세 페이지에서 2개 이상의 계정이 동시에 같은 페이지에 접근했을 때, 조회수가 증가하지 않는 문제가 발생했습니다. 이 문제는 여러 사용자 요청이 동시에 발생하면서 데이터베이스에서 조회수(visitcnt)가 제대로 증가되지 않는 것이 원인이었습니다. 이를 해결하기 위해 @Transactional을 사용하여 recipe_tbl에 대한 동시 접근을 순차적으로 처리하도록 하였고, 그 결과로 조회수가 정확하게 1씩 증가하도록 문제를 해결했습니다.

성과: 동시성 문제를 해결하여 여러 사용자가 동시에 레시피 상세 페이지에 접근해도 조회수가 정확히 증가하도록 하였으며, 이를 통해 데이터 무결성을 유지하고 사용자 행동을 정확하게 반영할 수 있었습니다.

🎆 결과 / 성과

<aside> <img src="/icons/cursor-click_gray.svg" alt="/icons/cursor-click_gray.svg" width="40px" /> 테이블 컬럼 자료형에 따른 레시피 등록 기능

</aside>

기존 CSV 파일의 데이터 타입 제약을 바탕으로, 레시피 등록 시 잘못된 데이터가 입력되지 않도록 예외 케이스를 처리했습니다. 예를 들어, 몇 인분과 같은 레시피 정보는 반드시 INT 타입으로만 입력되도록 했으며, 이를 UI에서 버튼 방식으로 구현하여 사용자가 잘못된 데이터를 입력할 가능성을 원천 차단했습니다. 또한, 재료의 양과 같은 정보는 숫자로만 입력되도록 설정하였으며, 이를 NumberFormatException을 통한 Try-Catch 처리로 관리하여, 잘못된 데이터가 입력될 경우 사용자에게 재입력을 요청하는 방식으로 오류를 방지했습니다.

성과: 이를 통해 사용자가 레시피를 등록할 때 발생할 수 있는 데이터 타입 오류를 사전에 차단하여, 데이터베이스에 입력되는 정보의 정확성과 신뢰성을 보장할 수 있었습니다. 궁극적으로 데이터 정합성을 높이고 사용자 경험을 개선하는 결과를 얻었습니다.

<aside> <img src="/icons/cursor-click_gray.svg" alt="/icons/cursor-click_gray.svg" width="40px" /> 조회 수와 댓글 수를 기반으로 한 레시피 TOP 10 기능

</aside>

조회 수와 댓글 수를 기준으로 상위 10개의 레시피를 메인 페이지 상단 배너에 노출하는 기능을 구현했습니다. 처음에는 XML 파일에서 쿼리를 ORDER BY DESC로 정렬한 후 JSP에서 <c:if>로 상위 10개만 필터링했지만, 모든 데이터를 가져오는 방식이 비효율적이라 판단했습니다. 이를 개선하기 위해 데이터베이스 쿼리에서 ROWNUM <= 10 조건과 ORDER BY DESC를 사용해 조회 수와 댓글 수가 많은 레시피를 우선 추출하도록 변경했습니다.

성과: 이로 인해 사용자들은 가장 인기 있는 레시피를 신속하게 확인할 수 있게 되었으며, 조회 속도를 354ms에서 11ms로 약 31배 개선했습니다. 이를 통해 사이트 성능이 향상되었고, 사용자 만족도와 사이트 내 활동성이 크게 증가했습니다.

<aside> <img src="/icons/cursor-click_gray.svg" alt="/icons/cursor-click_gray.svg" width="40px" /> 다양한 키워드로 레시피를 검색 할 수 있게 되었습니다.

</aside>