메리

keycode.info/

사이트 들어가서 키 누르면 됨 

1. 영문 숫자만 사용하게 하여 한글 입력 시 자동으로 지워지게(특수문자도 안 되게)

$j('#userId').keyup(function() {
		var inputVal = $j(this).val();
		$j(this).val((inputVal.replace(/[ㄱ-힣~!@#$%^&*()_+|<>?:{}= ]/g,'')));
});

• /정규식/에 맞는 패턴을  찾아서 공백으로 치환해버리는 코드이다.
• g : 글로벌의 뜻. 전역 매칭을 한다. 처음부터가 아닌 전체에서 정규식이 맞는걸 찾는다.

2. 한글만 입력하게 하여 영문과 숫자, 특문은 자동으로 지워지게

	$j('#userName').keyup(function() {
		var inputVal = $j(this).val();
		 $j(this).val((inputVal.replace(/[[a-zA-Z0-9~!@#$%^&*()_+|<>?:{}= ]/g,'')));
	});

3. XXX-XXX 의 양식을 맞춰서 입력하도록 체크 (X에는 숫자만)

var postNoCheck = RegExp(/[0-9]{3}-[0-9]{3}/);
$j('#postNo').keyup(function() {
	if (!postNoCheck.test($j('#postNo').val())) {
		$j('#postNoMessage').css('color', 'red').text("형식에 맞지 않음");
		}
});

•  {} : 횟수 표시....[a]{2}이면 aa이고 [a]{2,}이면 a가 2개 이상인거 [a]{2, 4}이면 aa, aaa, aaaa
• 정규식 이름.test(값) 으로 체크

AJAX에서 받은 한글 텍스트가 깨져서 ???로 나옴 

return한 값은

"로그인 성공" 이라는 텍스트 

캐릭터셋과 페이지 인코딩 모두 utp-8

Controller 메서드 @RequestMapping란에

를 추가해주면 된다. 

${board.boardType} 이라는 EL을

${codeMap.name}이라는 EL의 name자리에 넣고 싶었다.

결론 : name 자리에 대괄호를 이용하여 el을 넣으면 된다. 

${codeMap[board.boardType]}

안에 들어가는 EL은 바깥에 ${}가 있으므로 필요없다고 한다. ^^ 

마찬가지로 JSON데이터 호출 시 

data : {

"list":[{"boardType":"a04"},{"boardType":"a02"},{"boardType":"a03"}]
"codeMap":{"a02":"Q&A","a01":"일반","a04":"자유","a03":"익명"}

}

data.list[0].boardType 는  a04 

data.codeMap.a04 는 "자유" 인데,

data.list[0].boardType 을

data.codeMap.a04 의 "a04"자리에 넣고싶은 경우 

data.codeMap[data.list[i].boardType]

대괄호로 감싸면 됨. 

끝

* checkbox 요건

- [전체선택] 클릭 시 하위 checkbox 모두 체크
- [전체선택] 클릭 시 하위 checkbox 모두 체크 해제
- 하위 checkbox 모두 체크 시 [전체선택] 체크
- 하위 checkbox 하나라도 뺄 시 [전체선택] 체크해제

checkbox HTML

<table>
  <tr style="background:grey">
    <td>
      <input type="checkbox" id="checkAll" onclick="checkAllClick()"> 전체선택 
    </td>
  </tr>
  <tr>
    <td>
      <input type="checkbox" name="checkedIdx" class="checktype" value="1" onclick="checkBoxValueChanged()">
    </td>
  </tr>
  <tr>
    <td>
      <input type="checkbox" name="checkedIdx" class="checktype" value="2" onclick="checkBoxValueChanged()">
    </td>
  </tr>
  <tr>
    <td>
      <input type="checkbox" name="checkedIdx" class="checktype" value="3" onclick="checkBoxValueChanged()">
    </td>
  </tr>
  <tr>
    <td>
      <input type="checkbox" name="checkedIdx" class="checktype" value="4" onclick="checkBoxValueChanged()">
    </td>
  </tr>
</table>

 Javascript 로 checkbox 이벤트 만들기

const checkBoxes = document.getElementsByName('checkedIdx');

//[전체선택] 클릭 시 하위 checkbox 모두 체크 또는 체크 해제
function checkAllClick(){
  if(document.getElementById('checkAll').checked){
    for(var i=0;i<checkBoxes.length;i++){
      checkBoxes[i].checked = true;
    }
  }else{
    for(var i=0;i<checkBoxes.length;i++){
      checkBoxes[i].checked = false;
    }
  }
}

//하위 checkbox 체크 여부에 따른 [전체선택] checkbox 체크 변경
function checkBoxValueChanged(){
  var checkedCnt = 0;
  for(let i=0; i<checkBoxes.length;i++){
    if(checkBoxes[i].checked){
      checkedCnt ++;
    }
  }
  if(checkedCnt == checkBoxes.length){
    document.getElementById('checkAll').checked = true;
  }else{
    document.getElementById('checkAll').checked = false;
  }
}

jquery로 checkbox 이벤트 만들기

//[전체선택] 클릭 시 하위 checkbox 모두 체크 또는 체크 해제
$('#checkAll').click(function(){ 
    if($('#checkAll').is(':checked')){ 
        $('.checktype').prop("checked",true); 
    }else{ 
        $('.checktype').prop("checked",false); 
    } 

});


//하위 checkbox 체크 여부에 따른 [전체선택] checkbox 체크 변경
$('.checktype').click(function(){ 
   if($('input[class=checktype]:checked').length == $('input[class=checktype]').length){ 
       $('#checkAll').prop("checked",true); 
    }else{ 
       $('#checkAll').prop("checked",false); 
    } 
});

VO 객체 두 개를 한 쿼리로 어떻게 넘겨주나 찾다가 map을 이용하면 된다는 걸 알았음

컨트롤러에서 Hashmap 생성 및 put으로 Vo객체 put

Mybatis

map으로 썼던 경우도 있었는데 hashmap으로 쓰니 되더라. 무슨차이인지는 모르겠다.

parameterType="hashmap"

Vo 파라미터에 대한 접근은 #{Vo이름.파라미터이름}

동거를 경험한 글쓴이가 이야기 해주는 동거의 현실과 민낯.

애인과 동거를 한 경험담과 감상 그 이상도 이하도 아님.

동거 자체에 대한 이야기는 약 60%정도이고 나머지 40%는 동거, 연애와 관련된 저자의 생각이나 경험담 등임.

요약하면 동거에 관한 글쓴이의 이야기. 이런 일도 있었구나~ 하고 읽음.

별 기대없이 읽긴 했지만 그보다도 더 알맹이 없는 책.

java.lang.IllegalStateException : Optional int parameter is present but cannot be translated into a null value due to being declared as a primitive type. Consider declaring it as object wrapper for the corresponding primitive type.

ajax 사용 시 data 타입을 이상하게 넣어서 그렇슴

ajax data 부분엔 스트링이나 맵 형식으로 들어가면 되는데 이상하게 넣어서 그랬음

data에 16이라는 데이터를 넣었는데 Controller에서 받지 못함. 

Controller에서 boardNum을 확인해보면 0이 나온다.

ajax data를 잘못넣음.

형식으로 넘기니 잘 넘어간다.~~ 

콤마가 있어야함..

{데이터 이름 : '값', 데이터 이름 : '값' }

spring 프레임 워크 사용

위와 같이 컨트롤러에서 update 실행하고 콜백함수도 정상값, DB업데이트도 되는데

자꾸 에러로 넘어가서 수정실패가 뜨는거임 ㅠ 

위는 jsp 쪽 ajax 코드.

error와 success의 기준이 뭘까..

DB 업데이트는 되는데 error 가 뜨는경우 리턴되는 dataType이 맞지 않아 그렇다고 함.

컨트롤러에서 콘솔로 찍힌 값을 보면 

JSON이 맞는데

return 할 때 문제가 있었던 거임 

@ResponseBody 를 붙이지 않아서 그렇슴.

contextPath

프로젝트 Path만 가져온다

requestURL

프로젝트 + 파일경로 
WEB-INF의 실제 JSP 경로를 가져옴

requestURI

localhost뒤에 프로젝트 이름부터 끝까지 가져옴