프롬프트 AI&OpenAPI&공공데이터를 활용한 웹앱개발자 양성 과정 43일차

1. 파라미터 null type 체크에 대해

null 체크 자체를 default 벨류를 지정해주는 것으로 대처해 줄 수 있다.
항상 일정 값이 들어오기 때문.

2. 과제: 좋아요 기능 구현

컨트롤러 부분

ajax 부분.
아래 블로그 참조했는데, 평소 보던 ajax문법보다 훨씬 직관적이고 심플한것 같다.
ajax문법 참조

	function toggleTest() {

		$.ajax("/usr/likes/doToggle", {
			method : 'post',
			dataType : 'json',
			data : {
				"id" : "${article.id }"
			}
		}).done(function(result) { // 서버요청이 성공시의 콜백함수
			alert(result);
		})

	}

3. jsp에서 문자열 값 이어붙이기

c:set에 var값을 a로 설정하고
아래에서 똑갗인 var값을 a로 설정한다음 벨류에 ${a}추가할 내용 식으로 값을 입력하면
String 결합 연산자와 비슷한 효과를 얻을 수 있다.

예시

4. 검색 구현 방식 에 있어서의 과제

문제점: 검색 코드값이나 검색어가 파라미터 차원에선 보지되고 있지만, 화면상에서는 지속되지 않는 문제.

해결안:

$(document).ready(
		function($) {
			$("#searchType").val("${param.searchType}").attr("selected",
					"selected");
}(jQuery));

5. 강사님 코드분석

$('select[data-value]').each(function(index,el){
    const $el = $(el);
    
    defaultValue = $el.attr('data-value').trim();
    
    if(defaultValue.length > 0){
        $el.val(defaultValue);
    }
})

1. select 태그 중 data-value란 속성을 가진 것만 가져와서
   순서대로 순회한다.
2. 순회중인 현재 select 태그의 data-value값을 가져온다.
3. 만약에 data-value의 값이 0보다 크면, select 태그의 값을 data-value값으로 바꾼다.

select와 val 메소드에 대한 chatGPT 질의