펌킨황의 사소한 이야기

Array.prototype.map() 이란? JavaScript에서 map은 배열의 요소들을 변형시키는 데 사용되는 함수입니다. 이 함수는 각각의 요소에 대해 callback 함수를 순서대로 호출하고, 그 함수의 반환값으로 새로운 배열을 만듭니다. map 함수의 기본 구문은 다음과 같습니다. arr.map(callback(currentValue[, index[, array]])[, thisArg]) 이 구문에서 arr은 map 함수를 호출한 배열을 나타냅니다. callback은 새로운 배열 요소를 생성하는 함수를 나타내며, currentValue, index, array를 인수로 가집니다. currentValue는 처리할 현재 요소를 나타내며, index는 처리할 현재 요소의 인덱스를 나타냅니다. ar..

$의 의미 웹 프로그래밍에서 자바스크립트 코드를 작성할 때, 우리는 종종 $ 기호를 사용하는 것을 볼 수 있습니다. 이 기호는 무엇이며 왜 사용하는 것일까요? 결론부터 말하자면, $ 기호는 자바스크립트 라이브러리인 JQuery(제이쿼리)에서 사용되는 '선택자'입니다. 그렇다면 라이브러리란 무엇이며, JQuery는 어떤 라이브러리인가요? 선택자는 또 무엇인가요? 라이브러리는 프로그래밍 언어에서 사용자가 자주 사용하는 함수들의 집합입니다. 즉, 웹 프로그래밍에서 화면 구성에 시간이 많이 소요되는 부분을 라이브러리를 통해 빠르고 편리하게 만들 수 있습니다. JQuery는 이러한 라이브러리 중 가장 대표적인 것으로, DOM 객체를 쉽게 조작하고 이벤트를 처리할 수 있는 다양한 기능을 제공합니다. 또한 JQuer..

개발을 할 때 간혹 뒤로가기만으로 데이터를 처리하기가 난감할 때가 있다. ex) 수정페이지에 들어가서 데이터 수정을 한 후 뒤로가기 시, 뿌려지는 데이터가 변경 전 데이터일 때 이럴 경우에 어떤식으로 처리해야 하는지 코드를 보며 살펴보겠다. pageshow $(function () { if (document.addEventListener) { window.addEventListener('pageshow', function (event) { /** 뒤로가기 호환 */ console.log(performance.getEntriesByType("navigation")[0].type); if (event.persisted || performance.getEntriesByType("navigation")[0].t..