본문 바로가기

[JSP] 커스텀 태그를 이용해 Java 메소드 이용하기 Java단의 StringUtils 같은 유용한 문자열 처리 유틸리티를 JSP 에서 EL(Expression Language)을 사용하 편하게 사용 할 수 있다. 먼저 Java단에서 사용할 유틸리티 메소드 만든다. 메소드는 반드시 정적(static) 메소드로 만들어야 한다. 아래는 숫자로된 문자열을 받아서 3자리마다 콤마를 찍어서 돌려주는 기능을 하는 메소드이다. 그리고 커스텀 태그 설정 파일인 tld 파일을 생성한다. 파일은 WEB-INF 하위에 임의의 폴더를 만든 후 생성한다. 단, WEB-INF 하단의 classes, tags, lib 폴더는 사용할 수 없다. 여기서는 /WEB-INF/custom-tag/stringUtils.tld 로 만들었다. tld 파일에서 tld-version, jsp-vers.. 더보기
[초기셋팅] STS 설치 및 기본 설정 윈도우10 환경에서 설치하는 것을 기준으로 한다. 1. STS 공식 다운로드 사이트를 통해 STS를 다운로드 한다. - URL: https://spring.io/tool 2. 현재(2021.12.21) 기준 최신 버전인 4.13.0 버전의 윈도우 64bit 버전을 내려 받는다. 3. 다운로드 받은 파일을 압축해제한다. 4. contents.zip 파일안에 실제 STS가 들어있다. 원하는 폴더에 contents.zip 파일을 압축해제한다. - 알집의 경우 압축을 풀다가 파일을 찾을 수 없다는 오류가 발생할 수 있음. - 파일 경로가 255자를 초과해서 그런것이니 반디집을 이용하여 압축 해제를 진행한다. - 반디집의 경우 설정 > 환경설정 > 고급설정 에서 "260자 이상의 긴 파일 경로명 사용하기" 옵션을.. 더보기
JSP나 HTML 에서 Vue Component 사용하기 Vue 공식 가이드에서 컴포넌트를 등록할 때 아래와 같이 HTML 코드를 template 에 문자열로 만들어서 사용하도록 가이드가 되어 있다. // 등록 Vue.component('my-component', { template: '사용자 정의 컴포넌트 입니다!' }) // 루트 인스턴스 생성 new Vue({ el: '#example' }) HTML 코드가 짧다면 사용할 수도 있겠지만 조금만 내용이 많아져도 코드가 지져분해지며 가독성도 매우 떨어지게 된다. 그래서 HTML 코드는 html 파일로 만들어 작성하고 동적으로 페이지를 불러와 컴포넌트를 만드는 방법을 소개한다. Node 기반에서 Vue를 이용한다면 이러한 수고러움이 필요가 없겠지만 실무에선 생각보다 Node 기반 환경을 구성하기가 쉽지 않은 경.. 더보기