select box의 옵션 값 변경 시 사용하는 onchange 속성으로 함수를 바로 호출 가능

<form:select path="researchList[0].reType" id="researchList[0].reType" onchange="chageLangSelect('1')" title="설문 타입" cssClass="w100">
  <form:option value="0" label="라디오박스"/>
  <form:option value="1" label="이미지"/>
  <form:option value="2" label="체크박스"/>
</form:select>

onchange 속성 : this.value

this.value를 사용하면 선택된 selectBox 값이 파라미터로 넘어감

<select id="text_id" onChange="test.testFunction(' + id + ', this.value)"> <option value="1" selected>테스트1</option> <option value="2">테스트2</option> <option value="3">테스트3</option> </select>

오류 내용:

java.lang.IllegalStateException: Neither BindingResult nor plain target object for bean name 'researchList[${num}]' available as request attribute

상황:

select박스 값이 변동되면 onchange로 바로 함수를 호출해서 innerHtml로 용도에 맞게 테이블을 변경하려고 했다.

//selectBox가 변경시 이벤트 감지
function chageLangSelect(num,selectVal){
    var tableId = "search_table_"+num;                //테이블 id
    var selectId = "researchList["+num+"].reType";    //셀렉트 박스 id

    if (selectVal == '0') {
        alert("라디오박스");

         var innerHtml =`
                        <table class="tbl_row_type01" id="search_table_\${num}"> 
                            <caption>내용(제목, 작성자, 작성일 등으로 구성)</caption>
                            <colgroup>
                                <col style="width:20%;">
                                <col style="width:30%;">
                                <col style="width:20%;">
                                <col style="width:30%;">
                            </colgroup> 
                            <tbody id="sub_tbody_\${num}">
                                <tr>
                                    <th scope="row"><strong class="th_tit">설문 타입</strong></th>
                                    <td colspan="3">
                                        <select name="researchList[\${num}].reType" id="researchList[\${num}].reType" onchange="chageLangSelect('\${num}',this.value)" title="설문 타입" cssClass="w100">
                                            <option value="0" label="라디오박스" selected="selected"/>
                                            <option value="1" label="이미지"/>
                                            <option value="2" label="체크박스"/>
                                        </select>
                                    </td>
                                </tr>
                                <tr>
                                    <th scope="row"><strong class="th_tit">설문 제목</strong></th>
                                    <td colspan="3">
                                        <input type="text" name="researchList[\${num}].reTitle" class="text w50p" required="required"  maxlength="50"/>
                                        <a href="#" class="btn btn_mdl btn_save" onclick="fncAdd('\${num}');">항목 추가</a>
                                    </td>
                                </tr>
                                <tr id="add_tr_1">
                                    <th scope="row"><strong class="th_tit">설문 내용</strong></th>
                                    <td colspan="3" class="search_cont">
                                        <input type="radio" name="researchList[0].check" id="researchList[0].check" value="0" />
                                        <input type="text" name="researchList[0].reCont" id="researchList[0].reCont" class="text w50p" required="required"  maxlength="50"/>
                                        <a href="#" class="btn btn_i_del" onclick="fncDel('1','1');"><span>삭제</span></a>
                                    </td> 
                                </tr>
                                <tr id="add_tr_2">
                                    <th scope="row"></th>
                                    <td colspan="3" class="search_cont">
                                        <input type="radio" name="researchList[1].check" id="researchList[1].check" value="0" />
                                        <input type="text" name="researchList[1].reCont" id="researchList[1].reCont" class="text w50p" required="required"  maxlength="50"/>
                                        <a href="#" class="btn btn_i_del" onclick="fncDel('1','2');"><span>삭제</span></a>
                                    </td> 
                                </tr>
                            </tbody>
                        </table>
                        `; 
        $("#research_tables>tbl_wrap:last").append(innerHtml);
    }

}

<table class="tbl_row_type01" id="search_table_1"> 
    <caption>내용(제목, 작성자, 작성일 등으로 구성)</caption>
    <colgroup>
        <col style="width:20%;">
        <col style="width:30%;">
        <col style="width:20%;">
        <col style="width:30%;">
    </colgroup> 
    <tbody id="sub_tbody_1">
        <tr>
            <th scope="row"><strong class="th_tit">설문 타입</strong></th>
            <td colspan="3">
                <form:select path="researchList[0].reType" id="researchList[0].reType" onchange="chageLangSelect('1',this.value)" title="설문 타입" cssClass="w100">
                    <form:option value="0" label="라디오박스"/>
                    <form:option value="1" label="이미지"/>
                    <form:option value="2" label="체크박스"/>
                </form:select>
            </td>
        </tr>
        <tr>
            <th scope="row"><strong class="th_tit">설문 제목</strong></th>
            <td colspan="3">
                <input type="text" name="researchList[0].reTitle" class="text w50p" required="required"  maxlength="50"/>
                <a href="#" class="btn btn_mdl btn_save" onclick="fncAdd('1');">항목 추가</a>
            </td>
        </tr>
        <tr id="add_tr_1">
            <th scope="row"><strong class="th_tit">설문 내용</strong></th>
            <td colspan="3" class="search_cont">
                <input type="radio" name="researchList[0].check" id="researchList[0].check" value="0" />
                <input type="text" name="researchList[0].reCont" id="researchList[0].reCont" class="text w50p" required="required"  maxlength="50"/>
                <a href="#" class="btn btn_i_del" onclick="fncDel('1','1');"><span>삭제</span></a>
            </td> 
        </tr>
    </tbody>
</table>

해결

문제는 innerHtml에 form:form 태그가 새용되면서 오류가 난 것. - 변경 전 -

<form:select path="researchList[\${num}].reType" id="researchList[\${num}].reType" onchange="chageLangSelect('\${num}',this.value)" title="설문 타입" cssClass="w100">
  <form:option value="0" label="라디오박스" selected="selected"/>
  <form:option value="1" label="이미지"/>
  <form:option value="2" label="체크박스"/>
</form:select>

- 변경 후 -

<select name="researchList[\${num}].reType" id="researchList[\${num}].reType" onchange="chageLangSelect('\${num}',this.value)" title="설문 타입" cssClass="w100">
  <option value="0" label="라디오박스" selected="selected"/>
  <option value="1" label="이미지"/>
  <option value="2" label="체크박스"/>
</select>

동적으로 늘릴 수 있는 input창

jsp

name에 인덱스를 붙여서 구분하지 않아도 되는 점이 포인트, 같은 이름이 중복되어도 된다는 것

  <td>
      <input type="text" name="name" id="name_1" class="text"/>
  </td>
  <td>
      <input type="text" name="grade" id="grade_1" class="text"/>
  </td>
  <td>
      <input type="text" name="dept" id="dept_1" class="text"/>
  </td>
  <td>
    <input type="text" name="tel" id="tel_1" class="text"/>
  </td>

Controller

중복이 되어도 controller에서 배열로 알아서 담기게 된다.

String[] arrName = request.getParameterValues("name");

참고사이트

1. keyProperty selectKey에서 결과값을 리턴받을 변수명 selectKey를 여러개 사용하고 싶은 경우 ','를 이용해 작성 가능 (*주의사항: keyProperty = "A, B, C" 절대 띄어쓰기 하지 않기 => keyProperty = "A,B,C")
2. resultType selectKey에서 리턴을 받을 데이터 타입
3. order: selectkey를 언제 실행 할지 정함 insert나 update 전 BEFORE, insert나 update 후 AFTER

반환 값은 parameterType으로 담긴다.

    <insert id="insertContents" parameterType="boardVO" >
        <selectKey keyProperty="seq" resultType="String" order="BEFORE">
            SELECT IFNULL(MAX(TS.SEQ)+1,1) FROM t_dept TS
        </selectKey>
        <![CDATA[
            INSERT INTO t_dept(
                       SEQ 
                , TITLE 
                , CONT
                , RGST_ID 
                , ATCH_FILE_ID 
            )
            VALUES (
                 (SELECT IFNULL(MAX(TS.SEQ)+1,1) FROM t_dept TS)
                ,#{title ,jdbcType=VARCHAR}
                ,#{cont ,jdbcType=VARCHAR}
                ,#{loginSeq ,jdbcType=VARCHAR}
                ,#{atchFileId ,jdbcType=VARCHAR}
            )
        ]]>
    </insert>

참조사이트

객체 타입을 확인하는데 사용. 참조 변수가 피연산자로 변환이 가능한지 불가능한지 true false로 판별함.

참조변수 instanceof 타입(클래스명) 피연산자로

연산결과가 true를 얻으면 참조변수가 검사한 타입으로 형변환 가능.

예시

class A {

}
class B extends A{

}

public class Test {
    public static void main(String[] args) {
        A a = new B();        
        B b = new B();
        if( b instanceof A){
            System.out.println("변환 가능");
        }else{
            System.out.println("변환 불가능");
        }
        System.out.println("===============");
        if( a instanceof B){
            System.out.println("변환 가능");
        }else{
            System.out.println("변환 불가능");
        }
        System.out.println("===============");

        A a1 = new A();
        if( a1 instanceof A){
            System.out.println("변환 가능");
        }else{
            System.out.println("변환 불가능");
        }
        System.out.println("===============");
        if( a1 instanceof B){
            System.out.println("변환 가능");
        }else{
            System.out.println("변환 불가능");
        }
        System.out.println("===============");

    }
}

결과

변환가능
===============
변환가능
===============
변환가능
===============
변환불가능
===============

instanceof 연산자는 객체가 어떤 타입인지 조사할 때 사용하며, 주로 강제 타입 변환 전에 변환이 가능한지 조사할 때 사용

참조사이트1 참조사이트2

SQL 공부 사이트

https://sqlzoo.net/

검색을 위한 동적 쿼리가 작동하지 않았다.

        <if test="schEtc01 != null and schEtc01 !='' and schEtc01 =='0'">
            <if test="searchStartDate != null and searchStartDate != ''">
                AND RGST_DT &gt;= #{searchStartDate}
            </if>
            <if test="searchEndDate != null and searchEndDate != ''">
                AND RGST_DT &lt;= #{searchEndDate}
            </if>
        </if>

해결

if 조건절에서 값에는 홑따옴표를 사용하지 않아도 된다.

<if test="schEtc01 != null and schEtc01 !='' and schEtc01 ==0"></if>

        // 한 달 전
        Calendar mon = Calendar.getInstance();
        mon.add(Calendar.MONTH , -1);
        String beforeMonth = new java.text.SimpleDateFormat("yyyy.MM.dd").format(mon.getTime());
        System.out.println(beforeMonth);
        //오늘
        Calendar day = Calendar.getInstance();
        day.add(Calendar.DATE , 0);
        String toDay = new java.text.SimpleDateFormat("yyyy.MM.dd").format(day.getTime());
        System.out.println(toDay);

Cause: java.lang.IllegalArgumentException: Mapped Statements collection does not contain value for com.open.MenuF_3.selectReplyList

org.apache.ibatis.exceptions.PersistenceException:

Error querying database. Cause: java.lang.IllegalArgumentException: Mapped Statements collection does not contain value for com.open.MenuF_3.selectReplyList

Cause: java.lang.IllegalArgumentException: Mapped Statements collection does not contain value for com.open.MenuF_3.selectReplyList

at org.apache.ibatis.exceptions.ExceptionFactory.wrapException(ExceptionFactory.java:30) ~[mybatis-3.3.1.jar:3.3.1]

* 원인

: 위와 같은 에러가 발생할 경우 아래와 같이 여러 원인이 존재할 수 있다고 한다. 
 (1) mapper id가 틀린 경우
 (2) Parameter와 bean의 field명이  틀린 경우
 (3) sql.xml에서 정의된 namespace와 DAO에서 호출하는 namespace가 다를 경우
 (4) mapper가 정의가 되어 있지 않거나 Spelling이 틀린 경우
 (5) mapper에 정의된 namespace 명칭이 같은 Application 내에 중복 될 경우

해결:

mapper에 쿼리 id를 변경했는데 controller에 있는 이름을 수정하지 않아서였다. 수정 후 해결

참조사이트

아직 만들어지지 않은 준비 페이지를 "준비중"페이지로 보내고 경고창도 띄우기 위해 controller를 만들고 그 안에 매핑하는 메서드까지 만들었는데 계속 404에러가 콘솔에 떴다.

해결 :

@PathVariable 파라미터를 사용하면 url의 일부분을 변수로 전달하는데,

@RequestMapping( folderPath2 + "{procType}/list.do")
    public String prepare2(@ModelAttribute("searchVO") CmmnDefaultVO searchVO, Model model, @PathVariable String procType) {
    }

procType 안에 /가 들어가있으면 매핑이 되지 않았다.

1) String procType = "au/auList"; X 2) String procType = "auList"; O

PathVariable 여러개 사용

The error may involve com.open.Board2.insertReviewContents-Inline

The error occurred while setting parameters

SQL: /* boardVO.insertContents */ INSERT INTO t_board2( SEQ , RE_SEQ , CONT , RGST_ID ) VALUES ( (SELECT IFNULL(MAX(TS.SEQ)+1,1) FROM t_board2 TS) ,? ,? ,? )

Cause: com.mysql.jdbc.MysqlDataTruncation: Data truncation: Incorrect integer value: ',' for column isp.t_board2.RE_SEQ at row 1

; SQL []; Data truncation: Incorrect integer value: ',' for column isp.t_board2.RE_SEQ at row 1; nested exception is com.mysql.jdbc.MysqlDataTruncation: Data truncation: Incorrect integer value: ',' for column isp.t_board2.RE_SEQ at row 1 com.mysql.jdbc.MysqlDataTruncation: Data truncation: Incorrect integer value: ',' for column isp.t_board2.RE_SEQ at row 1 at com.mysql.jdbc.MysqlIO.checkErrorPacket(MysqlIO.java:3971) ~[mysql-connector-java-5.1.45.jar:5.1.45]

해결: 쿼리 id 겹침

        //게시판 이미지 목록
        List<FileVO> fileVO =  (List<FileVO>) cmmnService.selectList(boardVO.getAtchFileId(), "FileManageDAO" +".selectFileList");
        model.addAttribute("fileVO" , fileVO);
        model.addAttribute("atchFileId", boardVO.getAtchFileId());
        model.addAttribute("atchFileIdNm", boardVO.getAtchFileIdNm());


        System.out.println("fileVO//////////////getAtchFileId//////////:  "+ fileVO.get(1).getAtchFileId());
        System.out.println("fileVO//////////////getFileSn//////////:  "+ fileVO.get(1).getFileSn());

해결

테스트용으로 달아둔 식별자가 문제였다. list자료형 변수에서 없는 값을 get(index)해서 생긴 문제로 아래 달아둔 syso를 없애면 문제가 해결된다.

참고사이트

org.apache.jasper.jasperexception: 등호("=")가 요구됩니다.

해결 :

<form:input path="staDate" id="staDate" readonly/>

readonly에 등호 추가 변경

<form:input path="staDate" id="staDate" readonly="readonly"/>

org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'org.springframework.web.servlet.mvc.method.annotation.RequestMappingHandlerMapping#0': Invocation of init method failed; nested exception is java.lang.IllegalStateException: Ambiguous mapping found. Cannot map 'loginController' bean method public java.lang.String com.open.ma.login.LoginController.fail(com.open.cmmn.model.CmmnDefaultVO,org.springframework.ui.ModelMap) throws java.lang.Exception to {[/cmmn/fail.do],methods=[],params=[],headers=[],consumes=[],produces=[],custom=[]}: There is already 'loginFtController' bean method public java.lang.String com.open.cmmn.ft.login.LoginFtController.fail(com.open.cmmn.model.CmmnDefaultVO,org.springframework.ui.ModelMap) throws java.lang.Exception mapped. at org.springframework.beans.factory.support.AbstractAutowireCapableBeanFactory.initializeBean(AbstractAutowireCapableBeanFactory.java:1554) ~[spring-beans-4.0.9.RELEASE.jar:4.0.9.RELEASE].....

해결: controller에 requestmapping 이름이 겹쳐서, 중복 제거하기

<c:set var="url" value="${requestScope['javax.servlet.forward.request_uri']}"/>

requestScope : request 객체에 접근하기 위한 역할 여기서는 현재 URL 정보 출력하는 함수 예) Javax.servlet.forward.request_uri = /mani-examples/jsp/Forwarder.jsp Tiles 정보를 출력하는 것도 있음

참조 사이트 JSTL jstl2

상황

2021-03-22 13:26:06,213 INFO [com.open.cmmn.web.CmmnErrorController] (error404) 페이지가 존재하지 않습니다. 2021-03-22 13:26:06,229 INFO [com.open.cmmn.web.CmmnErrorController] (error404) 페이지가 존재하지 않습니다. 2021-03-22 13:26:06,234 INFO [com.open.cmmn.web.CmmnErrorController] (error404) 페이지가 존재하지 않습니다. 2021-03-22 13:26:06,239 INFO [com.open.cmmn.web.CmmnErrorController] (error404) 페이지가 존재하지 않습니다. 2021-03-22 13:26:06,244 INFO [com.open.cmmn.web.CmmnErrorController] (error404) 페이지가 존재하지 않습니다. 2021-03-22 13:26:06,248 INFO [com.open.cmmn.web.CmmnErrorController] (error404) 페이지가 존재하지 않습니다.........중략

원인

onerror속성에 있는 경로에 no_img.png 파일이 존재하지 않았다. 더불어 개발자 모드로 보았다면 console.log에 이미지 못찾는다는 경고가 수도 없이 찍힐 것이다.

<img src="/atch/getImage.do?atchFileId=${result.atchFileId}&amp;fileSn=${result.fileSn}" alt="" onerror="this.src='/publish/ft/images/sub/no_img.png'">

해결

/publish/ft/images/sub/no_img.png 경로에 이미지 파일을 넣어주고 정상 작동

SQL

- MIN

            SELECT  
                  SEQ seq
                , TITLE title
                , CONT cont
                , DATE_FORMAT(RGST_DT,'%Y.%m.%d') rgstDt
                , RGST_ID rgstId
                , F_USER_NM(RGST_ID) name
                , ATCH_FILE_ID atchFileId
                , (
                    SELECT MIN(file_sn)
                    FROM T_ATCH_FILE_DETAIL b
                    WHERE ATCH_FILE_ID = TS.ATCH_FILE_ID
                      AND b.DEL_YN='N'    
                    ORDER BY SEQ
                ) AS fileSn
             FROM T_IMG_BOARD TS
             WHERE USE_YN='Y';    

게시글 리스트에서 서브쿼리를 이용해 게시글이 첨부한 이미지 파일의 첫번째 시퀀스를 가져오는 쿼리이다.

이때, 위처럼 SELECT절에 MIN(컬럼)을 이용해 하는 방법,

서브 쿼리에서 단일 행만을 추출 하려면 제일 아래 라인에 LIMIT 1을 사용하는 방법

- LIMIT

            SELECT file_sn
            FROM T_ATCH_FILE_DETAIL b
            WHERE ATCH_FILE_ID = TS.ATCH_FILE_ID
                  AND b.DEL_YN='N'    
            ORDER BY SEQ
            LIMIT 1;

성능

하나의 값일 때 MIN을 사용하면 성능이 좋지만, 얼마 차이가 나지 않는다고 여러 컬럼을 나타내야 한다면 ORDERBY LIMIT 을 사용하는 게 좋다.

SQL참고사이트

jstl

Mysql 조건문 - if문, case문

mysql참조

오류 1

*상황 : * list 자료형이 아닌것을 foreach 반복문을 돌릴 수 없다는 에러가 났었다. jsp파일에 foreach가 없는데 왜 에러가 나는지 알 수 없었던 상황

*원인 : * 알고보니 c:if 안에 또 c:if가 선언되어 있었다. *해결 : * 안에 들어있는 c:if를 제거 했다.

<c:if test="something">
    <c:if test="something">
    </c:if>
</c:if>

상황

동적으로 생성한 버튼에 클릭 이벤트 주고 싶었는데 적용이 되지 않았다. 전날 selectbox나 checkbox도 같은 맥락이 아니엇나 싶다.

.click()

단순히 정적인 페이지에서 이벤트 처리하기에 적합하다. 왜냐하면 동적 처리는 불가능 하기 때문에!

$("#btn").click(function(){ alert('동적 생성은 클릭안됨'); });

.on()

주최가 되는 부모속성의 이벤트를 물려받아 지정한 선택자에 이벤트를 연결 할 수 있다. 그러나 부모속성에 따라 정적으로 작동될 수 있으므로 이 부분에 유의하자.

$(document).on("click", "#btn", function(){ alert('동적도 클릭됨'); });

참조사이트1

참조사이트2

1. window > preferences 클릭

2. 사이드 바에서 editors > file associations 클릭

3. file types에 .js가 없는 경우 add버튼을 클릭

4. 입력창에 .js를 작성 후 ok

5. 추가한 .js를 클릭

6. Associated editors에서 generic text editor 클릭 후 default키 클릭

7. apply and close 후 js파일 열어보면 컬러가 적용된 것을 확인 할 수 있음

Model이 아닌 ModelMap을 사용하는 이유가 궁금합니다.

    @RequestMapping(value = folderPath + "menuCodeOverlap.do")
    public ModelAndView menuCodeOverlap(@ModelAttribute("searchVO") MnVO searchVO, ModelMap model, HttpServletRequest request) throws Exception {


        int overCnt = cmmnService.selectCount(searchVO, PROGRAM_ID + ".overlapSelectCount") ;

        model.addAttribute("overCnt", overCnt);

        return new ModelAndView(ajaxView,model);

    }

model에 있는 객체 값을 json으로 바꿔서 Ajax로 보내줄 때 ajaxView를 사용하면서 필수로 사용. (만약 model로 하면 오류가 뜸.)

평소에는 어떤 것을 쓰든 상관은 없음

jQuery 선택자 중에서 $(".gnb > li > a") 이러한 형태일 때 > 괄호의 의미가 궁금합니다.

D. 자식 / 자손선택자

-> $("#list1 li").css("color","green");

• list1이라는 id를 가진 태그안에 있는 li태그들을 모두 선택, 적용 depth 1이상. -> 바로 아래 자식태그만 건드리는것이 아닌 list1의 모오든 자식들..

-> $("#list1 > li").css("color","green");

• list1이라는 id를 가진 태그안에 있는 바로 1depth 아래있는 자식들 중 li태그만 선택됨. 참조 사이트

지금 가장 중점을 둘 부분은?

CRUD가 기본이기 때문에 가장 먼저 파악할것, 나중에 테스트로 댓글 게시판이 나올 수도 있기때문에 이걸 어떻게 만들지 기존 SAMPLE소스를 이용해서 어떻게 구현할 수 있는지 응용할 방법 알아보기

😎 CRUD정리

---- READ ----

LIST(게시판 메인)

list.do 페이지 접속

1. SampleController list 메서드 .mLayout:tiles로 지정해둔 레이아웃 사용 folderPath + list.jsp 연결 파일 경로로 이동

2. list.jsp 2-1. searchVO 표시 페이지 접속되면 $(document).ready(function(){ fncPageBoard('addList','addList.do',1); }); 실행되고 fncPageBoard 호출

3. /publish/ma/js/board.js 3-1. fncPageBoard 메서드 실행 3-2. 파라미터 값 ('addList','addList.do','1')를 getBoard의 배열로 넣기 3-3. switch문에서 gubun = addList, url = addList.do, idx = 1 가지고 3-4. switch (gubun)의 case 'addList'이동 3-5. list.jsp의 <input type="hidden" id="pageIndex" name="pageIndex"/>에 idx값 넣기 3-6. Ajax 목록호출 후 list의 .tbl클래스 목록에 html안의 내용 변경 $.ajax({
   method: "POST",
   url: url,
   data : $("#defaultFrm").serialize(), dataType: "html", success: function(data) {

    $(".tbl").html(data);
    fncLodingEnd(); 

   } });

4. sampleController addList.do로 진입 4-1. Cache에 담긴 페이징 정보 취득및 없을 시 생성 4-2. int totCnt = cmmnService.selectCount(searchVO, PROGRAM_ID); // 쿼리에서 전체 게시물 건수를 가져와서 페이징 처리 4-3. model에 paginationInf이란 name으로 화면에 전달 4-4. return folderPath + "addList";

view(게시판 상세)

1. addList.jsp에서 게시글 클릭 <td onclick="fncPageBoard('view','view.do','${result.seq}','seq')">${result.name }</td> onclick: 버튼을 사용했을 때 페이지 링크를 연결 시켜야 할때 사용 board.js의 fncPageBoard 호출하고 실행

2. fncPageBoard('view','view.do','130','seq') 파라미터를 가지고 fncPageBoard 메서드 진입해서
   gubun = view, url = view.do, seqVal = 130, seqNm = seq

3. switch (gubun) 진입

4. case 'view' 실행

........향 후 계속 추가

참조 사이트

• modelAttribute속성으로 지정된 이름의 객체를 세션에서 읽어와서 form태그로 설정된 태그에 값을 설정합니다.
• Spring MVC가 제공하는 tag 라이브러리를 이용하면 세션에 있는 정보들을 form에다가 출력을 할 수도 있습니다.

view.jsp

    <form:form commandName="searchVO" name="defaultFrm" id="defaultFrm" method="post">

        <form:hidden path="seq" id="seq"/>
        <form:hidden path="atchFileId" id="atchFileId"/>

    </form:form>

sampleController.java

    @SuppressWarnings("unchecked")
    @RequestMapping(folderPath + "view.do")
public String view(@ModelAttribute("searchVO") SampleVO2 searchVO, Model model, HttpServletRequest request) throws Exception {

    return ".mLayout:" + folderPath + "view";

 }

form태그에 action이 없지만 대신 ModelAttribute의 "searchVO"에 post로 searchVO로 hidden값을 가지고 전송

SessionStatus 사용법

참조사이트 SessionStatus 는 컨트롤러 메소드의 파라미터로 사용할 수 있는 스프링 내장 타입으로, 이 오브젝트를 이용하면 현재 컨트롤러의 @SessionAttributes에 의해 저장된 오브젝트를(전달받은 값) 삭제하고자 할 때는 sessionStatus가 가지고 있는 setComplete()이라는 메서드를 호출하면 세션에서 삭제할 수 있습니다.

새로 알게된 용어

{템플릿 변수} @RequestMapping 어노테이션 값으로 {템플릿변수} 를 사용합니다.

@PathVariable 어노테이션을 이용해서 {템플릿 변수} 와 동일한 이름을 갖는 파라미터를 추가하면 됩니다.

jQuery

mouseenter focusin

참조사이트 마우스 요소의 경계 외부에서 내부로 이동할 때 발생

형제(sibling) 요소의 선택

.siblings() 메서드 선택한 요소의 형제(sibling) 요소 중에서 지정한 선택자에 해당하는 요소를 모두 선택한다. 참조사이트

특정 선택자를 제외

.not(selector)

선택한 요소 중 특정 선택자를 제외한 요소를 선택합니다. 참조사이트

$("form id 또는 name").serialize()

jQuery에서 Ajax로 호출하기 전에 serialize를 해주면 form 안에 값들을 한 번에 전송이 가능한 data로 만들 수 있다.(즉, 많은 data를 전송할 때 유용)

serialize 사용할 경우

<script>

$.ajax({
  type: "",
  url  : 서버url,
  type : "POST",
  data : $("#food").serialize(),
  dataType: "json"
  success : function(){
    alert("사용하면 짧다");
  }
});

</script>

serialize 사용하지 않을 경우

<script>

$.ajax({
  type : "POST",
  url  : 서버url,
  data : {
    ramyun: 'good',
    pizza: 'nice',
    kimchi: 'good',
    dogfood: 'nope'
  },
  dataType: "json"
  success : function(){
    alert("사용하지 않으면 힘들다");
  }
});

</script>

참조사이트

SQL

페이징 공부를 위한 더미 데이터 생성을 위해 찾게 됨. oracle과 LOOP문을 대신 MySQL은 프로시저를 생성해서 작동된다. 참고사이트 mysql 더미 데이터 생성, 같은 이름의 프로시저가 있으면 삭제 후 생성

DELIMITER $$
DROP PROCEDURE IF EXISTS loopInsert$$

CREATE PROCEDURE loopInsert()
BEGIN

    DECLARE i INT DEFAULT 5;

    WHILE i <= 20 DO

        INSERT INTO t_sample2 (SEQ, TITLE, CONT, RGST_ID )

          VALUES (i, concat('제목입니다',i), concat('내용입니다.',i),5);

        SET i = i + 1;

    END WHILE;
END$$
DELIMITER $$

사용은

CALL loopInsert;

[웹]View 컴파일 순서

웹페이지 리딩 순서: Java -> Jstl -> Html -> Javascript

JSTL

<c:out>태그의 속성

excapeXml 속성 : 속성 값으로 true또는 false 값을 가진다. 생략시 기본값은 true이다. true로 설정시 escapeXml속성은 값 중에 포함된 < > & ' " 문자들을 각각 < > & ' " 로 출력한다.