목록개발 프로젝트/Moivo (3)
우당탕탕 개발일지

테스트 환경백엔드: Spring Boot (JPA 기반)프론트엔드: React (Vite + Axios)DB: MySQL상품 목록 API: /api/store?sortby=newest측정 도구Postman (1초 간격 반복)크롬 개발자 도구 Network 탭1. 문제점React로 만든 쇼핑몰 서비스에서 상품 리스트 페이지 진입 시, 데이터가 늦게 표시되며 체감상 4~5초의 지연...Postman으로 API를 직접 호출해보니 평균 응답 시간은 약 250ms.그런데 브라우저에서는 최대 700ms까지 응답 지연 된 부분이 이상하다고 느껴졌다.데이터 크기는 많지 않음에도 응답 시간이 들쑥날쑥Entity → DTO 변환 로직에 stream().map() 사용 중상품 조회 쿼리에서 복합 조건 WHERE is_del..

이전 글2025.03.12 - [개발 프로젝트/Moivo] - 오라클 클라우드 리눅스 서버에 Moivo 프로젝트 배포 (1) 오라클 클라우드 리눅스 서버에 Moivo 프로젝트 배포 (1)Moivo 프로젝트 정보DB: MySQLBack: Spring BootFront: React하지만 오라클 클라우드는 MySQL 서버를 제공하지 않기에 리눅스에 설치해서 사용하기로 했다! [ 설정 ]1. MySQL 설치2. nginx 설치3. 배포4. MySQL에 데이coding-document.tistory.com 1. Build 파일 & 폴더 경로: home/ubuntu/moivo 2. Nginx 설정nginx.conf : nginx 설정 파일 2-1. moivo-react.conf 파일 생성moivo 프로젝트만의 설..

Moivo 프로젝트 정보DB: MySQLBack: Spring BootFront: React하지만 오라클 클라우드는 MySQL 서버를 제공하지 않기에 리눅스에 설치해서 사용하기로 했다! [ 설정 ]1. MySQL 설치2. nginx, node 설치3. 배포4. MySQL에 데이터 저장 1. MySQL 설치 및 초기 설정1-1. MySQL 설치mysql 설치 명령어(사실 아까 캡쳐는 못했는데 해당 명령어로 이미 실행을 해서 이미 존재한다고 문구 띄움...ㅋㅋㅋ)sudo apt-get install mysql-server mysql 설치 확인 명령어service mysql status 초록색 부분처럼 나오면 성공적으로 설치된거! 1-2. Mysql 비빌먼호 설정 및 계정 생성mysql 접속해서 비밀번호 설..