본문 바로가기
반응형

Frontend/jQuery & JSTL

 (50)
[JSTL] 알림창, 경고창, 확인창 어떤 데이터를 선택하고 삭제할 때 확인창의 띄워서 다시 한번 사용자가 확인을 하게끔 구현하려고 함 알림창 구분 // alert : 단순 확인 창 alert("alert"); // cofirm : 선택 확인창(확인 : true, 취소 : false) confirm("confirm"); // prompt : 메시지 입력창(param1 : 고정 출력 메시지 / param2 : 입력칸의 default 메시지) prompt("prompt","default message"); 페이지 이동시 확인 창 function fn_fn(flag){ if(flag == "N"){ const moving = confirm("저장하지 않은 데이터는 지워질 수 있습니다.\n계속 하시겠습니까?"); if(moving){ }else{ ..
[JSTL] Gradle에서 JSTL 설정하기 JSTL이 정상적으로 동작하지 않아 에러가 발생 그래서 JSTL를 재설정 하면서 설정 방법을 정리하기로 함 1. 의존성추가 //implementation 'javax.servlet:jstl' //스프링부트 3.0 미만 implementation 'jakarta.servlet:jakarta.servlet-api' //스프링부트 3.0 이상 implementation 'jakarta.servlet.jsp.jstl:jakarta.servlet.jsp.jstl-api' //스프링부트 3.0 이상 implementation 'org.glassfish.web:jakarta.servlet.jsp.jstl' //스프링부트 3.0 이상 2. 선언 3. 태그 - core 태그 출력 사용할 변수를 설정 설정한 변수 제거 예..
[FrontEnd] 디렉토리들의 경로와 정의, 역할 webapp 디렉토리 역할: 웹 애플리케이션의 root 디렉토리로 모든 웹 리소스(정적 및 동적)를 포함 정의: HTML, CSS, JavaScript 파일, 이미지 등의 정적 리소스와 JSP, Tiles 정의 파일 등의 동적 리소스를 포함 / WEB-INF와 META-INF 디렉토리를 포함하며, 웹 애플리케이션의 구조 정의 WEB-INF 디렉토리 역할: 웹 애플리케이션의 보안이 필요한 부분을 담당하는 디렉토리로, 외부 접근 제한 정의: WEB-INF 내부에는 서블릿 클래스, 라이브러리 JAR 파일, 배치 설명자(web.xml), 그리고 Tiles 구성 파일 같은 웹 애플리케이션 리소스가 저장됨 / 보안상의 이유로 외부에서 직접 접근 불가 META-INF 디렉토리 역할: 애플리케이션의 메타데이터를 담고 ..
[JSTL] 조건문, 반복문 num 1. 태그 - test : 필수 속성, 비교식 - var : 조건 결과를 저장할 변수 지정 - scope : 조건 결과를 저장할 변수의 저장 scope 2. test속성 연산자 설명 비교 연산자 eq(==) 문자열 또는 숫자가 같으면 참 ne(!=) 문자열 또는 숫자가 다르면 참 empty List 또는 배열이 비어있거나, 문자열이 null 또는 빈 문자열이면 참 not empty List 또는 배열이 비어 있지 않을 경우, 문자열이 값이 있을 경우 참 논리연산자 and (&&) 모두 참일때 참 or (||) 둘중 하나라도 참이면 참 not (!) 논리를 반전 * 괄호를 사용하여 논리연산의 우선 순위를 지정할 수 있습니다. 3. 태그 ... ... ... 위 코드는 이름이 "김철수", "박영희" ..
[JSTL] 변수관리 1. : 변수 정의 2. : 출력 3. : 변수 삭제
[JSTL] 조건문 JSTL 조건문을 아래와 같이 만들었다 EXCEL 응답들 // User Response UserVO() : ...companySeq=7...] // Company Response CompanyVO() : ...companySeq=7...] 이상한 점이 눈에 띈다.. . GROUP_SEQ : companySeq? eventinfo? $안에 $? 휴... 갈길이 멀다. EXCEL 하지만 몰랐다가 새롭게 알게된 사실은 비교할 Array도 대문자로 표기해야 비교가 된다는 것이었다. 예를들어 위의 코드에서 eventInfo.companySeq라고 입력하면 비교를 하지 못한다.
[JSTL] JSP에서 JSTL 안에 호출되는 JSP로 데이터 전달하기 데이터 설정(Setting Data): 값을 전달하려는 JSP 페이지에서 변수나 컬렉션 설정. 예를 들어, 다음과 같이 값을 설정 가능. 데이터 전달(Forwarding Data): 값을 설정한 후, jsp:include 또는 jsp:forward 태그를 사용하여 다른 JSP 페이지로 데이터 전달. 데이터 사용(Using Data): 데이터를 받는 JSP 페이지에서는 JSTL 태그를 사용하여 데이터 사용.${myValue}는 설정한 값("Hello, World!")을 출력. 예시 Received Value: 태그의 value와 item의 차이 value value="${someExpression} 변수 myValue는 someExpression의 결과 변수의 스코프(scope)는 태그가 포함된 블록 내에..
[JSTL] jQuery VS JSTL jQuery VS JSTL jQuery JSTL (JavaServer Pages Standard Tag Library) 목적 - JavaScript 라이브러리로, 클라이언트 측 웹 개발을 간편하게 만드는 데 사용 - 주로 웹 페이지 내에서 DOM 조작, 이벤트 처리, Ajax 요청과 같은 클라이언트 측 기능 구현에 중점 - JSP(JavaServer Pages)를 확장하고 향상시키기 위한 태그 라이브러리 - 서버 측 Java 코드 내에서 웹 애플리케이션 로직 구현 및 표현을 위해 사용 언어 - JavaScript 기반으로 동작 - 클라이언트 측에서 실행, 브라우저에서 동작 - Java 기반으로 동작 - 서버 측에서 실행, 웹 애플리케이션 서버 (예: Apache Tomcat) 내에서 Java로 처리 용도..
반응형

티스토리툴바