수줍은광돌이

들어가기전헤커톤을 통해 진행했던 사이드 프로젝트에서 프론트와 백엔드로 분리된 서버간의 파일 데이터를 처리하는 과정에서 발생했던 이슈에 대한 회고입니다. 사용기술Front : next.js, 통신 방식 : axiosBack : Spring Data JPARest ful 규격 준수프로세스 설명클라이언트의  Axios 통신 방식을 통해 formdata에 챌린지 정보가 담긴 json 데이터와 섬네일로 사용할 이미지 파일 정보를 등록하는 프로세스 입니다. 그리고 저희 시스템은 파일 정보에 대한 내용을 챌린지라는 테이블에 이미지 컬럼으로 가지고 있는 것이 아닌 file 정보만을 따로 관리하는 테이블을 구축하여 진행하고자 했습니다. 파일 관련된 테이블을 따로 구축한 이유는 챌린지 테이블 뿐만 아닌 다른 테이블 또한 ..

문제 발단 문제 발생의 시스템은 대형폐기물을 처리하는 시스템이었다. 막 해당 시스템을 오픈을 했을때 데이터가 별로 없어 문제가 없었는데 이용자가 하루에 신청자가 많다보니 데이터 늘어나는 속도가 엄청났다. (하루에 만건 이상 신청 ;;) 그렇다보니 관리자 페이지에서 해당 신청 건들을 확인하기위해 들어갔을 경우 페이지 로딩 속도가 점점 늘어나는 것을 확인... 처음에는 5초 ... 10초... 15초 데이터가 1만건 이상부터 문제가 발생하여 빠른 조치가 필요했다.. 문제 되는 부분 점검: 우선 자바코드에 이상 있는지 확인을 해보았다. 그러나 자바 코드단에서는 단순이 데이터를 조회만 해올뿐 다른 코드 처리를 하지 않은것을 확인하였다. 그렇다면 애초에 db에서 조회를 해올때 문제가 있을거라 생각하였다. 해결을 ..