Spring 22

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

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

jsfp란? [jsp]

얼마전 jspf파일이 include 된걸 보게되었는데 그러다가 jspf파일이 뭔지 찾아봤어요 jspf파일이란? ( java server page fragment 의 약자) jsp코드를 분리해둔 파일이라고 생각하면 됩니다. 그렇다면 jsp파일을 두고 왜 jspf파일을 사용하는걸까요? --->>> jspf파일을 사용하는 이유는 여러곳에 중복되서 쓰이는 코드를 줄이기위해서 호출해서 사용하려함입니다 . 파일로 만들어서 호출해서 사용하면 코드 중복도 피하고 간편하게 사용할 수 있습니다. jspf파일을 불러오는 방법 (선언방법) 상단혹은 하단에 이런식으로 선언해주기 하단에 아래사진처럼 작성! 파일이름 형태

development♥ 2022.10.13
반응형