호미의 개발블로그

1. svn 내려받기

2. 빈톰캣서버만들기

3. Document base : 실제경로 입력 | Path : /learncamp

4. app.config 파일은 우클릭 후 Text Editor 로 오픈

5. 본인의 프로젝트 경로로 변경

5. 프로젝트 우클릭 -> Java Build Path -> missing 파일들 삭제 / jdk 6버전 설정

8. 이클립스 버전은 8로 세팅

7. tomcat 버전 확인

https://zzznara2.tistory.com/227

각각의 row에 update를 해야하는 경우 어떻게 해야할까

update  temp set nation ='유럽' , orgnl_link ='https://www.EEU.com' where seq =1;
update  temp set nation ='한국' , orgnl_link ='https://www.KOR.com' where seq =2;
update  temp set nation ='미국' , orgnl_link ='https://www.USA.com' where seq =3;
update  temp set nation ='중국' , orgnl_link ='https://www.CHN.com' where seq =4;

처음에는 이러한 방식으로 시도해봤지만 문법 에러로 동작하지 않았다.

UPDATE temp 
SET nation = 
	CASE seq
		WHEN 1 THEN '호주' 
		WHEN 2 THEN '인도'
		WHEN 3 THEN '러시아'
		WHEN 4 THEN '대만'
	END
	, orgnl_link =
		CASE seq
			WHEN 1 THEN 'https://www.AUS.com' 
			WHEN 2 THEN 'https://www.IND.com'
			WHEN 3 THEN 'https://.RUS.com'
			WHEN 4 THEN 'https://www.THW.com'
		END
WHERE tbt_noti_seq IN (1,2,3,4);

2개 이상의 행도 다중으로 update가 가능하다.

seq에 해당하는 then절의 데이터로 수정이된다.

참고사이트:

https://stackoverflow.com/questions/28608776/how-to-update-multiple-rows-in-oracle

<input type="text" value="${empty WtoNotiYData.deepAnalCrltnYmd ? now:WtoNotiYData.deepAnalCrltnYmd}" name="deepAnalCrltnYmd" id="deepAnalCrltnYmd"/>

JSTL에서 value에 값을 나타낼때 mv로 이용해서 가져오는 값이 null인 경우가 아닌경우에 값을 달리 보여주게하고싶은데

<c:if> 나 <c:choose>를 사용하지 않고 삼항연사자를 이용해서도 값을 표시할 수 있다.

이클립스에 프로젝트 생성 후 tomcat과 연동한 다음 화면에 띄우게 되면 한글이 깨져서 나온다.

숫자 옆에 년월일시 나와야 하는데 ?로 한글이 깨져서 출력됨

그럴때는 jsp파일에 인코딩타입을 추가해주면 된다. 

한글이 아주 잘 나온다.

탭메뉴 사용시 선택한 메뉴에 active클래스를 줘야하는 일이 발생한다.

그러기 위해서는 클래스가 존재하는지 존재여부를 판단해야 하는데

그럴때 사용하는 메소드가 hasClass이다.

<ul class="noticeTabArea">
    <li class="active>
        <a href="javascript:item.formSearch('tab');" data-value="CHN"> 중국 </a>
    </li>
    <li>
        <a href="javascript:item.formSearch('tab');" data-value="IND">인도</a>
    </li>
    <li>
        <a href="javascript:item.formSearch('tab');" data-value="IDN">인도네시아</a>
    </li>
    <li>
        <a href="javascript:item.formSearch('tab');" data-value="VNM">베트남</a>
    </li>
</ul>

예를들면 위와 같이 li태그로 만든 탭메뉴가 존재한다.

4개의 li태그 중 어떤 li에 active클래스가 적용됐는지 확인을 위해 hasClass를 사용한다.

내가 하고 싶은 작업은 active클래스가 적용된 li태그 안에 있는 a태그의 data-value의 값을 가지고 오고싶은데

hasClass에서는 $(this)를 사용할 수 없다. 

그렇기 때문에 each함수를 사용하여 li태그를 하나씩 탐색하면서

active클래스가 있는지 확인을하여 data-value를 가져 올 수 있다.

예제코드

<script>
$(".noticeTabArea li").each(function(){
	var NtnCd = $(this).find("a").attr("data-value");
	console.log("NtnCd : ",NtnCd);
    //결과: NtnCd : CHN
});
</script>

동적으로 추가된 태그는 일반적인 이벤트가 적용되지 않는다.

그렇기 때문에 별도의 이벤트 형식을 지정해줘야 한다.

일반적인 이벤트 형식

최초에 선언된 태그에만 동작한다.

동적으로 생성된 태그에는 동작하지 않음.

동적으로 추가된 태그에 이벤트 동작

$(document).on(eventName,selector,eventHandler);

on을 추가하여 이벤트를 실행하게되면 이벤트를 실행하는 순간에

이벤트를 실행할 대상을 그 자리에서 바로 찾아 동작하게된다.

on태그에 각각 들어가게 되는 파라미터는 아래와 같은 형식으로 작성하면

동적으로 생성된 태그에 이벤트를 줄 수 있다.

1. click, change와 같은 이벤트

2. 이벤트를 적용할 타겟

3. 동작함

off() 이벤트 제거 

off()메소드를 사용하게 되면 기존의 이벤트들을 전부 제거해주고 새로운 이벤트 핸들러가 추가된다.

https://cbwstar.tistory.com/entry/%EC%8B%9C%ED%80%80%EC%8A%A4-%ED%98%84%EC%9E%AC%EA%B0%92-%EB%B3%80%EA%B2%BD%ED%95%98%EA%B8%B0

엑셀데이터를 DB에 넣는 작업 중에 시퀀스 값을 수동으로 입력해서 넣었더니 

엑셀 파일로 데이터를 넣을때는 시퀀스가 자동 증가 되지 않기때문에

서버에서 데이터를 등록할 때 이미 시퀀스 값이 존재한다는 오류가 발생해 등록이 되지 않는 문제가 발생했다.

때문에 시퀀스 값을 조정해줘야하는데.... 

시퀀스의 다음 값 확인

SELECT [시퀀스명].NEXTVAL FROM DUAL

현재 시퀀스값 확인

SELECT [시퀀스명].CURRVAL FROM DUAL

현재 시퀀스 값과 비교하여 증가를 해주면 된다.

ALTER SEQUENCE [시퀀스명] INCREMENT BY [증감하고 싶은 수]

시퀀스를 맞춰준 후 다시 순서대로 자동증가 하길 원한다면 

ALTER SEQUENCE [시퀀스명] INCREMENT BY 1

이렇게 해주면 1씩 증가된다!! 

근데 이렇게 시퀀스를 멋대로 맛대로 조정해도 되는지는 잘 모르겠다 하하하

on() 메소드

off() 메소드

순수 JavaScript

document.getElementById("elem");

JQuery

$("#elem").length;

예를 들어 

if($("#instNm").length > 0){
	var colspan = $("#selectInstArea").attr("colspan","2"); //colspan이라는 속성에 2값 추가
}

id가 instNm인 요소가 1개 이상일때 조건문을 수행한다.

문자열 비교시 == 비교연산자는 주소의 값을 비교한다.

equals라는 메소드를 사용하면 순수 데이터 값만을 비교할 수 있다.

https://limkydev.tistory.com/139

※ javascript는 == (동등연산자)로 문자열을 비교한다.