FrontEND 17

IntelliJ에서 JSP 성능 최적화 방법

JSP(JavaServer Pages)는 서버 사이드에서 HTML을 생성하는 대표적인 기술로, 유지보수가 쉬우면서도 유연하게 백엔드와 프론트엔드가 연동될 수 있다는 장점이 있습니다. 그러나 프로젝트 규모가 커지면 JSP 렌더링 성능이 병목이 되거나, 디버깅/로딩 속도 저하로 인해 생산성이 떨어질 수 있습니다.이 포스팅에서는 IntelliJ 환경에서 JSP의 성능과 개발 생산성을 향상시키는 방법을 소개합니다.1. JSP 캐싱 활성화 및 Pre-compilation1) 톰캣에서 JSP 캐싱 기본 활성화톰캣은 기본적으로 JSP를 최초 요청 시 Servlet으로 컴파일하고, 이후에는 캐시된 서블릿을 재사용합니다. 다만 설정에 따라 매번 재컴파일이 발생할 수 있습니다.2) 개발 시에는 변경된 파일만 컴파일되도록 ..

FrontEND/Jsp 2025.04.14

JSP에서 JSTL 활용하기

JSP(JavaServer Pages) 개발에서 JSTL(JavaServer Pages Standard Tag Library)은 반복문, 조건문, 포맷 처리, URL 처리 등을 더 깔끔하고 안전하게 구현할 수 있게 도와주는 핵심 태그 라이브러리입니다.이 포스팅에서는 JSTL이 필요한 이유부터 실전 예제까지 하나씩 설명드리겠습니다.✅ JSTL이란?JSTL은 JSP에서 자바 코드를 줄이고 HTML처럼 선언형 문법으로 로직을 표현할 수 있게 도와주는 표준 태그 라이브러리입니다.주요 태그 라이브러리URI설명core조건문, 반복문, 변수처리 등 일반 로직fmt날짜, 숫자, 국제화 등 포맷 처리sqlDB 접근 처리 (비추천)fn문자열 함수 제공💡 JSTL은 EL(Expression Language)과 함께 사용할..

FrontEND/Jsp 2025.04.13

IntelliJ JSP 개발환경 설정 가이드

Java 웹 개발 시 JSP(JavaServer Pages)를 사용하는 경우, IntelliJ IDEA에서 환경 설정을 제대로 하지 않으면 실행조차 되지 않거나, 빌드/디버그에 문제가 생기는 경우가 많습니다. 특히 Spring Boot가 아닌 전통적인 Servlet 기반 또는 Spring MVC와 함께 사용하는 경우 더욱 신경 써야 할 설정들이 있습니다.이 포스팅에서는 IntelliJ IDEA에서 JSP 개발환경을 제대로 구성하는 방법을 단계별로 상세히 안내드립니다.1. IntelliJ 에디션 확인JSP 개발은 IntelliJ IDEA Ultimate 버전에서만 정식 지원됩니다.✔ Ultimate: 톰캣 연동, JSP 편집기, 디버깅 지원❌ Community: JSP 지원이 제한됨 (수작업 설정 필요, ..

FrontEND/Jsp 2025.04.12

IntelliJ에서 개발 생산성을 높이는 10가지 설정 꿀팁 (JSP + Spring Boot 환경 기준)

1. 필수 플러그인 추천Key Promoter X – 단축키 습득 보조String Manipulation – 문자열 포맷 정리 자동화JPA Buddy – JPA 사용 시 유용Lombok – 롬복 자동 인식 2. 자주 사용하는 단축키 정리기능단축키최근 파일 보기Ctrl + E전체 파일 검색Shift 두 번리팩토링 (이름 변경)Shift + F6메서드 이동Ctrl + F12 3. Spring Boot 프로젝트에 유용한 설정.properties나 .yml 파일에서 자동 완성 사용Spring Boot 설정 활성화 (File > Settings > Languages & Frameworks > Spring Boot) 4. JSP 환경을 위한 설정 팁HTML/CSS/JS 자동완성 강화 (Settings > Edito..

FrontEND/Jsp 2025.04.10

JavaScript 변수에 $ 표시하는 이유

JavaScript에서 변수 이름에 $ 기호를 사용하는 것은 일반적인 관례 중 하나입니다.특별한 문법적인 제한이 있는 것은 아니지만, 특정한 목적을 가지고 $를 사용하는 경우가 많습니다. 이번 포스팅에서는 그 이유를 정리해 보겠습니다.1. jQuery 객체를 구별하기 위해 사용$는 jQuery 라이브러리에서 기본적으로 사용하는 기호입니다. 따라서 jQuery 객체를 나타내는 변수에 $를 붙이면 가독성을 높일 수 있습니다.예제:var $element = $('#myElement'); // jQuery 객체var element = document.getElementById('myElement'); // 일반 DOM 요소위와 같이 $element는 jQuery 객체이고, element는 일반 JavaScrip..

FrontEND/Jquery 2025.03.20

c3.js 차트 사용법

c3란? d3의 복잡한 차트 사용을 쉽게 사용할수 있게 모듈화를 한 d3기반 라이브러리 입니다. 사용법은 무척 간단합니다. 헤더부분에서 라이브러리를 import 하기만 하면 준비는 끝. 아래는 JSON 형식의 데이터를 받아와서 차트를 그리는 방법입니다. c3js로 구현할수 있는 차트종류는 여러가지가 있지만 본문에서는 JSON데이터를 불러와서 활용해 보았습니다. 그리고 더 많은 차트는 아래 홈페이지에서 확인 가능합니다. http://c3js.org/examples.html

FrontEND/Javascript 2017.12.01