반응형

Dev/Frontend 8

[JQUERY/JSP/JAVASCRIPT] 자바스크립트 파일 업로드 제한, 파일 최대용량 제한, JQUERY 파일 용량 제한

클라이언트 측에서 파일 크기를 미리 확인하는 것이 서버 부하를 줄이는데 더 효과적일 수 있음1- 사전 필터링: 서버에 도달 전 크기가 큰 파일을 걸러낼 수 있으므로, 서버로 전송되는 데이터 양이 줄어 서버 부하 감소2- 빠른 응답: 서버 측에서 추가적인 검증이나 처리를 할 필요가 없어지므로, 클라이언트에게 더 빠른 응답 가능3- 확장성: 서버 측에서 파일 크기를 확인하는 경우, 파일 업로드가 많을수록 서버의 부하가 증가할 수 있으나, 클라이언트 측에서 파일 크기를 확인하면 서버 측에서는 파일 크기를 검증하는 추가적인 부하 없이도 더 많은 요청을 처리 가능1. JAVASCRIPT 2. HTML

Dev/Frontend 2024.06.25

[Jsp] Failed to load resource: the server responded with a status of 404 (Not Found), 화면 깨짐

화면 로딩시 아래와 같은 에러와 함께 화면이 깨지는 현상이 발생하였음. 웹 페이지의 파비콘이 없어서 발생한 오류였음. (파비콘이란? 인터넷 웹 브라우저의 주소창에 표시되는 웹사이트나 웹페이지를 대표하는 아이콘) → 파비콘을 생성해서 추가해주면 해결됨. 1. 아래 홈페이지에서 파비콘 만들 이미지를 *.png, *.jpg, *.gif 의 형태로 업로드 https://www.favicon-generator.org/ Favicon & App Icon Generator Upload an image (PNG to ICO, JPG to ICO, GIF to ICO) and convert it to a Windows favicon (.ico) and App Icons. Learn more about favicons. ..

Dev/Frontend 2023.09.11

[Html] rem, em, px, vw, vh 단위의 차이

rem(root em), em: 가변 단위. 디자인에 설정된 폰트 크기에 따라 브라우저에 의해 픽셀 값으로 변환됨. 1em 또는 1rem으로 지정했다면, 브라우저에 의해 16px부터 160px 까지 아니면 기타 다양한 값으로 변환 디자인이 유연해짐. rem → px 변환 페이지의 최상위요소(root) 의 폰트 크기가 기준이 되어 변환됨 예를 들어, 최상위 요소의 폰트 크기가 10px 이면 10rem은 10*10px = 100px이 됨 사용자가 폰트 크기 늘리더라도, 레이아웃은 그대로 보전되고, 텍스트 또한 작은 텍스트에만 어울리는 아주 빽빽한 공간 안에서 찌그러지는 불상사가 생기지 않는다. em → px 변환 스타일을 지정한 요소의 폰트 크기를 곱한 값 예를 들어, 어느 한 div의 폰트 크기가 20px..

Dev/Frontend 2021.04.03
반응형