메뉴 건너뛰기

2019.02.28 02:35

<c:url> 태그 사용법

조회 수 4333 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부


<c:url> 태그는 URL에 자동으로 Context Path 를 붙여주는 일을 합니다. 컨텍스트를 변경하더라도 URL을 수정할 필요가 없게 되는 것입니다.


이 태그는 jstl core 태그에 포함되어 있으므로 <c:url> 을 사용하려면 다음 tablib 지시자를 페이지 상단에 포함하여야 합니다.


<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>


일반적인 사용법을 다음과 같습니다.


<img src="<c:url value='/images/btn/add.png' />" />


웹애플리케이션의 컨텍스트 패스가 http://도메인/site/ 로 되어 있다면 위의 코드는 출력시 아래와 같이 변환됩니다.


<img src="/site/images/btn/add.png" />


<c:url> 태그를 사용할 때 생성된 URL의 끝에  jsessionid 가 붙을 경우를 주의해야 합니다. 컨텍스트 패스가 추가가 되므로 대부분의 경우 아래의 코드는 잘 동작합니다.


<img src="<c:url value='/' />/images/btn/add.png" />


하지만 서버 설정에 때라 세션 아이디가 URL에 붙는 경우가 있습니다. 이런경우 위 코드는 출력이 다음과 같에 만들어져 오류가 발생합니다.


<img src="/site/;jsessiond=xxxxxx/images/btn/add.png" />


<a> 태그에 사용될 때 URL에 GET 방식으로 전달되는 파라미터가 많이 사용됩니다. 다음과 같은 형식입니다.


<a href="<c:url value='/userSearch.do?name=홍길동&page=3' />">3 페이지</a>


조회값이 계속 URL에 따라 다녀야 할 경우 입니다. 이경우 name의 값을 URL 인코딩을 해야 하는데 <param> 프로퍼티를 사용해서 인코딩 할 수 있습니다.


<c:url value="/userSearch.do" var="url">

  <c:param name="name" value="홍길동" />

  <c:param name="page" value="3" />

</c:url>


<a href="${url}">3 페이지</a>


<c:url> 태그의 var 속성은 생성된 URL을 변수에 할당하여 다른곳에 사용할 수 있도록 해 줍니다.


var 속성이 유용하게 사용될 수 있는 곳에 <form:form> 태그 입니다.  <form:form> 태그의 action 속성에는 <c:url> 태그를 사용할 수 없습니다. 그러므로 변수에 셋팅한 후에 폼 태그에서 사용할 수 있습니다.


<c:url value="/insert.do" var="insertUrl" />

<form:form action="${insertUrl}">

...

</form>


참고로 <c:url> 태그를 사용하지 않고도 jsp 컨텍스트 패스를 붙이려면 다음과 같이 사용하면 되겠습니다.


<form:form action="${pageContext.request.contextPath}/insert.do">

...

</form>


List of Articles
번호 제목 날짜 조회 수
43 첫 실행 URL 변경 file 2018.06.05 2715
42 전자정부프레임워크 설치 및 실행 file 2018.12.07 1384
41 전자정부프레임워크 사용 중 중복 저장 방지 (새로고침 혹은 뒤로가기시) 2018.06.12 3053
40 전자정부프레임워크 구조 파악하기 file 2018.06.02 4124
39 전자정부표준프레임워크 파일 업로드 크기 설정(feat. MaxUploadSizeExceededException) file 2019.02.28 1107
38 전자정부 프레임워크(eGovframe) 동적 웹프로젝트 시작하기(2) file 2017.09.12 4165
37 전자정부 프레임워크(egov framework) 설치하기(1) file 2017.09.12 5296
36 전자정부 표준프레임워크 파일업로드용량설정 file 2018.12.06 1898
35 이클립스에서 인코딩 설정 file 2018.06.21 2330
34 이클립스(Eclipse) 한글 언어팩 설치. Babel 프로젝트 file 2018.12.07 1199
33 이클립스(Eclipse) 소스 일괄 수정 file 2018.12.07 1097
32 이클립스 파일 찾기 & 문자열 검색 file 2018.06.21 2407
31 예제 따라하기(1) - 기본 서블릿 구현 file 2018.06.05 2922
30 스프링프레임워크 <form:form> 태그 사용법 file 2018.12.06 1182
29 스프링프레임워크 <form:form> 태그 사용법 file 2019.02.28 3514
28 스프링 CKEditor 적용 - 에디터 2018.06.12 5576
27 서버로부터 메시지 받아서 팝업 띄우기 (1. ModelAndView 이용) file 2021.03.09 574
26 로그인 체크 인터셉터 사용 (AuthenticInterceptor) 2016.09.21 6676
25 공통코드관리 2016.09.21 5762
24 개발자로서 기본 구성합니다. file 2016.08.18 4939
Board Pagination Prev 1 2 3 Next
/ 3

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved