728x90 Javascript6 jQuery - Array.reduce() 함수의 이해 및 사용법 예시 reduce는 배열에 계산처리를 할 때 유용하게 쓰일 수 있는 방법입니다. 배열의 사칙연산처리를 할 때 for문으로도 처리할 수 있지만 reduce로도 간단하게 가능합니다. reduce의 기본 포맷은 다음과 같습니다 .reduce() Array.reduce(function(acc, cur, idx, arr){ // acc = return처리로 값을 누적시킬 수 있는데 이때 return처리되는 값의 누적값 // cur = 현재 루프 돌고 있는 값 // idx = 현재 루프 돌고 있는 배열위치 // arr = 전체 배열 // return 처리를 할 경우 값이 acc에 값이 누적됨 }, value); // value = 초기값 - 첫번째 인덱스 값을 배열보다 우선하는 인덱스로 하여 지정할 수 있습니다 기본 사.. 2021. 9. 3. Javascript - iframe의 history back(뒤로가기)에 대한 문제 및 해결방법 iframe을 사용할 경우 페이지 내의 iframe은 보통 다른 페이지 인데 이 페이지가 window.history에 기록되어 신경쓰이는 일이 발생하게 되는데, 코드를 짜는데 번거롭게 할 뿐이다. 보통 이런경우가 발생하게 되면 아래의 케이스와 같은 현상이 일어납니다. 부모창(ifame 열기 전) window.history = 1 부모창(ifame 오픈 후) window.history = 1 부모창(ifame 닫은 후) window.history = 2 즉, 페이지를 이동하지 않았지만 페이지 history상에는 iframe페이지도 history에 추가된다. 그리고 history상에는 iframe이 history로 기록되어 뒤로가기 할 경우 ifame페이지를 인식하게 된다. 브라우저 상에는 Back/Forw.. 2021. 9. 1. jQuery - Array.filter()를 이용한 배열 처리 방법, 배열 필터링 Javascript에서 배열을 제어할 때 사용하는 함수로 filter가 있습니다. 각 요소의 값과 인덱스, 배열을 참고하여 배열을 제어할 수 있으며 기본 사용법은 다음과 같습니다. 기본 사용법 필요에 따라 function의 elem, index, array를 필요한 것만 사용해도 무방합니다. Ex) function(elem) / function (elem, index) Array.filter(function(elem, index, array)){ elem - 0번째 index부터 마지막 index까지의 요소값 index - 현재 요소의 위치값(index) array - 전체 배열값 return true - 현재 배열을 return한다 return false - 현재 배열을 continue처리(pass) .. 2021. 8. 23. Javacript - 웹페이지에서 뒤로가기 방지 웹페이지에서 뒤로가기를 방지하려고 하는 경우 Script에 다음과 같은 소스를 작성해서 추가해보도록 하자! history.pushState(null, null, location.href); window.onpopstate = function (event) { history.forward(); }; 2021. 8. 13. 이전 1 2 다음 728x90