JS 14

자바스크립트 페이지 이동 location.href

자바스크립트 페이지 이동 location.href location.href란? href는 location객체에 속해있는 프로퍼티이며 현재 접속중이 페이지 정보를 가지고있음 사용예시. location.href를 이용해서 페이지 이동하는 방법: location.href="notice.tistory.com"; document.location.href="/web/yy/insertFormMgt.do"; 그럼 => 현재페이지가 localhost8080이면 http://localhost:8080/web/yy/insertFormMgt.do 로 이동함 이걸 자바스크림트 함수를 이용해서 만든다면 function fnInsertForm() { document.location.href="/web/yy/insertFormMgt..

development♥ 2023.04.03

서브쿼리 사용방법 mySql 다른테이블 값 가져오기

SELECT col1, (SELECT ...) -- 스칼라 서브쿼리(Scalar Sub Query): 하나의 컬럼처럼 사용 (표현 용도) FROM (SELECT ...) -- 인라인 뷰(Inline View): 하나의 테이블처럼 사용 (테이블 대체 용도) WHERE col = (SELECT ...) -- 일반 서브쿼리: 하나의 변수(상수)처럼 사용 (서브쿼리의 결과에 따라 달라지는 조건절) --스칼라 서브쿼리 예시 --인라인 뷰 서브쿼리 예시 --일반 서브쿼리 예시 select * from TABLE_A where indi_id in ( select id from sub_index where id < 400 ); ---활용--- select 해올때 서브쿼리를 이용해서 다른..

development♥ 2023.03.29

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

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

자바스크립트 줄바꿈, 따옴표, 큰따옴표, 역슬래시, 기본 출력 방법 따옴표, 큰다옴표 출력방법 자바스크립트는 큰따옴표(“ ”)와 작은따옴표(' ') 모두를 문자열로 인식한다. 그래서 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

js 자바스크립트 .map( ) 이란? javascript Map 함수 배열 메소드

배열에 있는 요소들의 값들을 변경해서 새로운 배열을 사용해야할때가 있는데 그때 for문을 돌려서 루프를 사용하여 배열을 수동으로 반복처리하는 방법도 있지만 js에서 간단하게 기본으로 제공되는 Array.map( ) 메소드를 사용하면 간단하게 가능합니다. 예를들어 #아래와 같은 변수가 있는데 var arr = ['red', 'blue', 'yellow'] # 이렇게 만들고 싶을때 var arr = ['선택하신 색깔은 red입니다', '선택하신 색깔은 blue입니다', '선택하신 색깔은 yellow입니다'] #for문을 사용하면 for(var i=0; i

카테고리 없음 2023.03.11

동기와 비동기 차이

[ 동기, 비동기 ] 동기: 동시에 일어남 (결과가 주어질때까지 아무것도 못하고 기다림) 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
반응형