A little bit of skill

React나 Vue 같은 프레임워크를 사용한다면, 데이터 렌더링 시점에 마스킹 함수를 적용 function VehicleList({ vehicles }) { const maskName = (name) => { if (!name || name.length === 0) return ""; if (name.length === 2) return name[0] + "*"; if (name.length >= 3) return name[0] + "*".repeat(name.length - 2) + name[name.length - 1]; return name; }; return ( 이름 차량 번호 ..

JavaScript에서 minify(압축) 작업이 유독 자주 이루어지는 이유는 다음과 같다:1. 성능 최적화 (Performance Optimization)JavaScript 코드는 보통 **클라이언트(브라우저)**에서 실행됩니다.JavaScript 파일이 클라이언트에 다운로드되기 때문에 파일 크기가 작을수록 로딩 속도가 빨라집니다.파일 크기가 작아지면 다음과 같은 성능 이점이 있습니다:다운로드 속도 개선 → 클라이언트가 파일을 더 빠르게 로드파싱 및 실행 속도 개선 → 브라우저에서 코드 파싱 속도가 빨라짐네트워크 대역폭 절약 → 모바일 환경에서 특히 유용예:100KB → 30KB로 줄이면 모바일 네트워크에서 로딩 속도가 훨씬 빨라짐2. HTTP 요청 개수 및 크기 줄이기HTTP 요청은 대개 파일 크기에..

JSP 레거시 프로젝트에 JSTL 적용하기 (완벽 가이드)JSP + JSTL: 레거시 프로젝트 개선 전략기존에 JSP(JavaServer Pages)로 작성된 레거시 프로젝트가 있다면, JSTL(JavaServer Pages Standard Tag Library)을 도입하면 다음과 같은 장점이 있습니다:JSP 코드 간소화 → HTML에 가까운 코드 작성 가능Java 로직 분리 → MVC 패턴에 부합가독성 및 유지보수성 강화반복문, 조건문 등을 태그 기반으로 처리 → 코드 직관성 향상JSP + JSTL 개요JSP(JavaServer Pages)란?Java EE(Enterprise Edition) 기반의 서버 사이드 렌더링 기술HTML에 Java 코드를 삽입 가능서블릿(Servlet)으로 변환 후 실행JST..