jstl의 fmt를 이용하여 프론트엔드에서 날짜 포맷을 바꾸는 방법에 대해 작성했습니다. 1. 상단에 fmt를 선언 1-1) EL태그인 DateValue 값이 date형태라면 formatDate만 사용하여 pattern 값에 원하는 형태로 날짜 지정. 1-2) EL태그인 DateValue 값이 string 형태라면 먼저 parseDate를 통해 date 형태로 값을 파싱하고 그 후에 formatDate를 사용해야한다. javax.servlet.ServletException: javax.servlet.jsp.JspException: In , value attribute can not be parsed: yyyymmdd 오류가 뜰 경우 string인 데이터 이므로 parseDate 사용 후 formatDat..

수치 데이터를 형식에 따라 표현하기 위한 태그. 속성 표현식 타입 설명 value true String 또는 Number 형식화할 수치 데이터 type true String 숫자, 통화, 퍼센트 중 어느 형식으로 표시할 지 지정 pattern true String 사용자가 지정한 형식 패턴 currencySymbol true String 통화 기호. 통화 형식(type=“currency”)일 때만 사용. groupingUsed true boolean 콤마와 같이 단위를 구분할 때 사용하는 기호를 표시할 지의 여부를 결정. true이면 구분기호 사용, false이면 사용 안함. 기본 값은 true. var false String 형식 출력 결과 문자열을 담는 scope에 해당하는 변수 이름. scope f..

get방식으로 값을 넘겨서 동적으로 데이터를 출력해보겠습니다. join.jsp에 회원 정보를 출력해보겠습니다. 우선 Controller에서 join.jsp 매핑을 해줍니다. Controller 첫번째방법 @Controller public class MemberController { @RequestMapping("/join") public String confirmId(HttpServletRequest request, Model model) { String name = request.getParameter("phoneNumber"); String id = request.getParameter("id"); String pw = request.getParameter("pw"); String email = re..

JSTL의 반복문인 foreach는 우선 일반적 프로그래밍언어에서 사용하는 for문과 동일 합니다. 반복문으로 사용이되고 주로 목록을 반복해서 출력할경우 사용합니다. 사용법 위와 같은 샘플 코드를 기준으로 forEach 문법의 속성에 대해 정리하였습니다. var items varStatus begin end step 사용할 변수 Collection객체 (List, ArrayList) 반복 index 변수 시작 index 종료 index 반복시 이동 index #2 : begin, end, step (선택) begin은 시작 index를 의미하고, end는 종료 index, step은 index 이동량을 의미합니다. 만약 생략하게 된다면 begin은 0, end는 items 크기 - 1, step은 1로 ..

JSP Action이란? JSP에서 기본으로 제공하는 태그들의 집합을 'JSP Action'이라 한다. JSP Action은 각 태그에 맞는 자바 코드로 변환된다. 즉, JSP Action 태그를 사용하지 않더라도 스크립트릿 에 자바 코드를 작성해도 된다.. 그렇다면 JSP Action은 왜 존재하는 것일까? JSP Action 태그를 사용할 줄 안다면 자바 코드를 사용하지 않아도 JSP로 웹 페이지를 개발할 수 있다. JSP Action 태그는 비즈니스 로직을 처리하는 부분과 화면을 처리하는 부분을 나눠서 개발할 수 있도록 하기 위해 만들어진 기술이다. 다음은 JSP 2.2에서 제공하는 Standard Action이다. 액션 설명 자바 인스턴스를 준비한다. 보관소에서 자바 인스턴스를 꺼내거나 자바 인스..

1)state: component의 데이터 역할. ex) 모든 유저의 수를 불러 오고 싶을때 All Users({{$store.state.allUsers.length}}) 2)getter: component의 computed 역할. 코드를 줄여서 작성 가능하다. computed와 다른점. state를 쓸거라고 ()안에 넣어야한다. store.js getters: { //computed allUsersCount: function(state) { return state.allUsers.length } }, Allusers.vue All Users({{$store.getters.countOfSeoul}}) 아래와 같이 store를 통해 store.js의 긴 코드들을 불러올수 있다. store.js getter..