JavaScript 23

자바스크립트 페이지 이동 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

jstl split 값 데이터 쪼개기 한줄로나오는 데이터를 일렬로 변경하는 방법

jstl split값 처리하는 방법 화면에 참고번호 111,222,333 위와같이 한줄로 참고번호가 들어가있지만 이걸 split 처리를 통해서 아래처럼 일렬로 만드는 방법 참고번호 111 222 333 일단 으로 split할 값과 구분자(기호)를 설정한다. => 글머 111,222인경우 111 222로 쪼개짐 그후에 를 돌면서 위치의 값을 찾아서 배치됨 (위차값은 forEach에서 carStatus가 있어야 가능함) resultList.FCLTS_NO ${no} -> fclts_no에 있는 , 단위로 쪼갬 즉 제거 ex. 111,222,333으로 값이 넘어오면 , 단위로 쪼개니까 111 222 333 이 됨 ${no} => 태그를 사용해서 한 줄씩 되게끔 하기

development♥ 2023.03.31

서브쿼리 사용방법 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
반응형