본문 바로가기
반응형

[프로그래밍]/FrontEnd13

[자바스크립트(js)] let과 var 무엇을 쓸건인가? let과 var ECMAScript 2015(ES6)에서 도입된 let과 var 키워드는 프로그래밍 언어의 스코프를 제어하는 방법의 차이를 가리킨다. let과 var은 같은 이름의 변수를 생성하기 위해 사용하는 키워드이지만, 변수를 특정 스코프 안에서 유효하게 생성하는 방법의 차이가 있다. let let은 블록 스코프(block scope)를 사용하여 변수를 선언하는 구문이다. 블록 스코프는 블록 내부의 스코프를 의미하며, 블록의 시작과 끝을 나타내는 중괄호 {} 로 구분한다. 따라서 let은 해당 블록 내부에서만 유효한 변수를 생성한다. 예시 function testLet() { let a = 10; if (a > 5) { let b = a * 2; console.log(b); //20 } consol.. 2023. 2. 10.
[자바스크립트(js)] 필터(Filter) 함수 필터(Filter) 함수 필터 함수는 주어진 배열의 각 요소에 대해 주어진 함수를 테스트하고, 결과가 true인 모든 요소를 배열로 반환하는 자바스크립트 함수입니다. 만약 요소가 false라면 배열에 포함되지 않습니다. 개요 필터 함수는 자바스크립트 내장 함수로서 배열의 요소 중 특정 조건에 맞는 데이터를 걸러내어 배열로 반환합니다. 기본적으로 배열의 요소는 자료형이 있고, 필터 함수는 이를 걸러내기 위한 기능을 가지고 있습니다. 예시 아래 예시는 자바스크립트 내장 함수인 filter 함수를 사용하여 배열의 요소 중 3의 배수인 요소만 추출합니다. let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; let newArr = arr.filter(function(item) { retu.. 2023. 2. 10.
jqgrid 사용시 setCell if(trim(rowData[field]) == '소계'|| trim(rowData[field]) == '총 합계') {$('#grid_dynamicStati').setRowData(rowId, false, cssBackground);$('#grid_dynamicStati').jqGrid('setCell', rowId, field, '', cssBlack);} 조건을 주어 위와 같이 CSS를 적용하려고 했는데 마지막 줄에 마지막 소계만 CSS가 적용이 안되었다. if(trim(rowData[field]) == '소계'|| trim(rowData[field]) == '총 합계') {$('#grid_dynamicStati').jqGrid('setCell', rowId, field, '', cssBlack);.. 2017. 6. 23.
jqgrid - sort disable jqgrid에서 sort 설정을 없애려고하는데 아래 설정이 안먹을때. sortable: false - > cmTemplate: { sortable: false }버전차이로 인해 설정 방법이 달라진거 같다. 2017. 2. 20.
js Ajax로 프로그래스바 만들기 js Ajax로 프로그래스바 만들기 controllerimport java.io.PrintWriter; import javax.servlet.http.HttpServletResponse; import org.springframework.stereotype.Controller;import org.springframework.web.bind.annotation.RequestMapping;import org.springframework.web.bind.annotation.RequestMethod; @RequestMapping(value="/main/")@Controllerpublic class MainController { @RequestMapping(value="/testProgressBar.do", met.. 2017. 1. 4.
jQGrid관련 // 이전그리드를 무시하고 새로운그리드를 만든다.// 동적으로 그리드를 그릴때 그리드의 내용이 달라지는것을 반영하기 위함.// 그리드 생성 이전에 실행 되게 코드 삽입jQuery("#gridId").GridUnload(); by. 조조나리 2015. 12. 28.
셀렉트박스관련 셀렉트 박스 동시제어 //첫번째 선택$('select').find('option:first').attr('selected', 'selected'); 2015. 10. 28.
이벤트버블링 방지를 위한 코드 // 이벤트버블링 방지를 위한 코드event.stopPropagation(); 버블링이 발생한 함수 제일 아래에 넣는다.// 이벤트버블링 방지를 위한 코드this.unbind(“click”);버블링이 발생한 함수선언 바로 위에 넣는다. ex:)$('#progressbar_modal2').unbind('shown.bs.modal');$('#progressbar_modal2').on('shown.bs.modal', function(){ 2015. 10. 27.
페이지이동 안될 때 a 태그등으로 페이지 이동스 스크립트 동작을 안할 때TEST 페이지 이동 2015. 3. 19.
table text-overflow: ellipsis 테이블 넓이가 동적으로 변할때 2015. 3. 6.
Ajax로 데이터 주고 받을 때 Error : There is a cycle in the hierarchy! Ajax로 데이터를 주고 받는 과정에서 200혹은 500에러가 뜨면서 아래와 같은 문구가 보인다면 There is a cycle in the hierarchy! 자바단에서 ModelAndView model = new ModelAndView(new JsonView()); 모델엔 뷰의 생성자의 파라메터를 ModelAndView model = new ModelAndView("jsonView"); jsonView로 바꿔주면 된다. ajax 결과데이터 인코딩이 깨질때도 효과가 있음. 2014. 12. 31.
html xmlns="http://www.w3.org/1999/xhtml 에 관한 오류_Undefined attribute name (xmlns). 1. 증상.아래와 같은 JSP파일 실행시 JS(자바스크립트)를 무시하고 진행 하여 페이지 로그인후 페이지 이동 및 경고창이 뜨지 않음. 경고 끔Undefined attribute name (xmlns). 해결 :index.jsp 파일의 소스중 를 로 수정 후 정상 작동됨.는 작성된 페이지가 XHTML로 작성된 페이지를 의미한다. XHTML이란?XHTML은 extensible hypertext language의 약어로 확장 된 HTML이다. HTML이 기정의된 Tag와 구조를 지는 반면 XHTML은 사용자의 요구에 맞게 확장이 가능한 언어입니다. 예를들어 HTML에 없는 이런 것들을 만들어 사용할 수 있는 것입니다. 2014. 6. 23.
화면구성시 이미지 사이즈 설정을 돕는 태그<img src="http://placehold.it/430x280"> 위의 태그를 넣으면430x280의 이미지가 생성되어 공간을 차지함. 크기를 변경하면 얼마든지 원하는 사이즈의 이미지공간을 확보할 수 있음. 2014. 5. 27.
반응형