development♥ 88

ul li 각각 onclick tr td

-----상황------ 아래와같은 경우 ${resultSet.PAGE_NO} 를 클릭시 onclick="openPage();" 와 onclick="fnDetail(this);" 두 함수가 같이 실행 됨 여기서 ${resultSet.PAGE_NO} 를 클릭시 onclick="openPage();" 함수만 실행되게 하고싶음 ${resultSet.NO} ${resultSet.PAGE_NO} ${resultSet.CHECK_DT} ${resultSet.COMP_DT} 방법 : onclick=" event.cancelBubble = true;" 로 이벤트 번짐을 막아야하는데 태그에서 onclick에 해도되고 href가 아닌 onclick에서 이벤트 제어해야함 ${resultSet.NO} ..

development♥ 2023.03.28

Ajax 작성법 JQuery

Ajax란? ( Asynchronous JavaScript And Xml ) Ajax는 비동기적인 웹 애플리케이션의 제작을 위해 아래와 같은 조합을 이용하는 웹 개발 기법이다. 위키백과 1. JQuery 소속 2. 속도 빠른편 3. 비동기 통신방식의 예 간단하게 말해서 데이터를 전송하고 받는중에 웹페이지가 변경되지 않음 = 예를들어 게시판에 게시글을 등록하기위해 작성했다고 치자 작성을 다 하고 등록버튼을 눌러 등록을 할때 데이터를 전송하고 받는데 이때 페이지 변경없이 등록이 되기 때문에 오류가 나더라도 데이터가 사라지지않고 남아있다. 즉 현재 페이지가 변경되지 않는 상태에서 데이터만 가져온다. Ajax의 기본문법 예시 및 설명 아래 하드코딩된 코드를 Ajax를 사용하여 작성해보자 1. 컨트롤러에서 가져올..

development♥ 2023.03.16

자바스크립트 줄바꿈, 따옴표, 큰 따옴표, 역슬래시, 기본 출력 방법

자바스크립트 줄바꿈, 따옴표, 큰따옴표, 역슬래시, 기본 출력 방법 따옴표, 큰다옴표 출력방법 자바스크립트는 큰따옴표(“ ”)와 작은따옴표(' ') 모두를 문자열로 인식한다. 그래서 console.log("안녕하세요"); console.log('안녕하세요'); 둘다 가능하다 그렇다면 작은따옴표과 큰따옴표를 문자열로 표시하고 싶을때는 어떻게 해야할까? --> 해당문자 앞에 역슬래쉬(\) 를 입력하면 된다. ' 를 문자로 인식하게 하려면 자바스크립트에서는 \ ' 이렇게 작성해야함 " 를 문자로 인식하게 하려면 \ " 이렇게 작성해야함 예. 색깔은 "파랑"입니다. ==> 라고 입력하고 싶은경우 console.log("색깔은 \"" + "파랑\" " + "입니다."); 역슬래시 , 줄바꿈 출력 방법 역슬래시 (..

development♥ 2023.03.14

javascript ` (백틱) 자바스크립트 백틱

키보드 왼쪽 상위 물결표시 아래에 ` 를 볼 수 있는데 이것을 백틱이라 한다. 자바스크립트에서 문자열을 표현할때 보통 " " 혹은 ' ' 안에 쓰는데 javascript 문자열 표현 ex. console.log('안녕하세요') 문자열에 변수를 포함하여 작성할때 보통 + 를 사용하여 작성하는데 ex. var name = '홍길동' console.log('제 이름은 ' + name +'입니다.') 문자열이 길어질수록 계속 + 를 사용하는것이 번거로운데 이때 ( ` ) 백틱을 사용하면 좋다. ( ` ) 백틱 사용방법: 변수나 함수 이름 앞에 $ 를 붙이고 { } 중괄호로 감싸주면 된다. ex. ${name} ---------------------------------------------------------..

development♥ 2023.03.13

동기와 비동기 차이

[ 동기, 비동기 ] 동기: 동시에 일어남 (결과가 주어질때까지 아무것도 못하고 기다림) ex. 은행 송금 - 송금이 되어야 보낸사람에게 송금이 잘 되었다고 알람이 가야해서 => 동기처리 비동기: 동시에 일어나지않음 (결과가 주어지는데 시간이 걸리면 그시간동안 다른거 처리) ex. 학생이 선생님에게 시험지 제출 -> 선생님이 채점하는동안 학생은 다른거 가능 => 그래서 비동기 처리

development♥ 2023.03.10

js 자바스크립트 고차함수란?

[ 자바스크립트 고차함수 ] 고차함수란 간단히 말해서 함수의 인자값으로 함수를 가진 것 예시. function (type, fn) { fn({ lat: 37, lng: 127 }) } 웹사이트에서 -> f12 -> console창 # listener라는 이름으로 고차함수를 만들기 var listener = function(type, fn) { fn({ lat: 37, lng: 127 }) } # listener를 찍으면 고차함수 나옴 listener 결과값 => ƒ (type, fn) { fn({ lat: 37, lng: 127 }) } # listener=함수 => 클릭이 일어날때 함수가 실행되게끔한다면 아래처럼 만들 수 있음 listener('click', function(e) { ..

development♥ 2023.03.09

CallBack 함수란?

콜백함수를 간단하게 이야기하자면 비동기가 끝나고 던지고싶을때 사용한다 가장 간단한 예시로 Ajax가 있음 => url통신이 끝난후에 success실행하게 함 => callback function fnDelete(){ if(confirm('삭제하시겠습니까?')){ $.ajax({ url : '/portal/web/deleteListAjax.do', type : 'post', dataType :'json', traditional: true, data : $('#listForm').serialize(), success : function(response){ alert(response.resultStats.resultMsg); fnSelectList(); $('#areaModal').modal('hide'); ..

development♥ 2023.03.08

JS 자바스크립트 중요 개념 알아야 할 5가지

자바스크립트 공부할때 알아야할 다섯가지 1. this 2. 고차함수 ( 함수안에 인자값으로 함수를 가진것) 3. 프로토타입 (상속) 4. 콜백 https://yummiyummy.tistory.com/m/121 CallBack 함수란? 콜백함수를 간단하게 이야기하자면 비동기가 끝나고 던지고싶을때 사용한다 가장 간단한 예시로 Ajax가 있음 => url통신이 끝난후에 success실행하게 함 => callback function fnDelete(){ if(confirm('삭제하시 yummiyummy.tistory.com 5. 프로미스

development♥ 2023.03.07

DB정보 파일 springframework eclipse

eclipse springframeork 에서 db정보를 볼 수 있는 파일은 -- > context-datasource.xml ↓ ↓ ↓ ********************************************************** context-datasource.xml 에 db별 jdbc url 및 jdbc driverclass 작성 방법 https://yummiyummy.tistory.com/81 db별 jdbc url 및 jdbc driverclass 작성 방법 db별 jdbc url 및 jdbc driverclass 작성 방법 Oracle Oracle jdbc url Oracle jdbc driverClass oracle.jdbc.driver.OracleDriver jdbc:oracl..

development♥ 2023.01.25
반응형