2025/05/19 2

이미지 여러장 업로드 이슈 해결 과정

결론 부터 얘기하자면, 백엔드 최대 이미지 설정의 이유였습니다.이 글은 이러한 이슈를 해결하기 위해 프론트엔드 개발자로써 어떤 부분을 테스트했는 지 공유하고자 올리는 글입니다. 배경모바일 웹에서 이미지 여러장 보내는 기능을 구현했다. (최대 6장까지 가능)하지만 PC 웹 환경에서와는 다르게 이슈가 있었다. 이미지 제한 조건프론트엔드 : 5MB 이하백엔드 : 5MB 이하 물론 프론트엔드에서 더 적은 파일 용량으로 이미지 압축을 진행할 수는 있었지만, 그래도 이 문제를 해결한 후 진행하기로 하고!이유에 대해 찾아보았다. 프론트엔드 테스트 진행우선 프론트엔드에서 이미지 사이즈를 어떻게 보내는지 알아야하는데..모바일 환경에서 테스트하기 위해 개발자 모드를 키고 (크롬에서 모바일 디바이스 디버깅 하는 방법 - 모..

카테고리 없음 2025.05.19

크롬에서 모바일 디바이스 디버깅하는 방법(Andorid 기준)

배경동네사람들끼리 쓰레기를 줍는 프로젝트를 개발하고 있다.1차 개발 마감 후 테스트를 하기 위해 모바일 웹 환경에서 기능을 사용해보는데, PC 웹에서 테스트했을 땐 문제없던 곳에서 문제가 발생했다. 모바일에서는 PC 처럼 개발자도구[F12]로 테스트하기 어려웠고, 크롬에서 모바일 디바이스를 디버깅 할 수 있는 방법을 알아냈다.바로 "안드로이드 개발자 모드"들어만 봤지 직접 써보게 되다니 😊 크롬에서 모바일 디바이스 디버깅하는 방법1. USB로 Android 기기를 PC에 연결- 휴대폰과 컴퓨터를 USB 케이블로 연결 2. 휴대폰에서 개발자 옵션 활성화 -> USB 디버깅 허용1. 개발자 모드 활성화- 설정 > 휴대전화 정보 > 소프트웨어 정보 > 빌드 번호를 7번 연속 터치- 결과 : "개발자 모드 활..

카테고리 없음 2025.05.19