loading
반응형

프로그래밍 언어/JavaScript 3

자바스크립트(JavaScript)의 map 함수에 대해서 알아보자

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

자바스크립트(JavaScript) 기초 및 문법을 알아보자

자바스크립트(JavaScript) 란? 프론트엔드 개발 공부를 시작하려는 예비 개발자라면 반드시 알아야 할 언어로 HTML, CSS 그리고 JavaScript(자바스크립트)가 있습니다. 이 중에서 JavaScript는 웹 페이지를 동적으로 만들어주는 언어로, 프론트엔드 개발에서 매우 중요한 역할을 합니다. 오늘은 이러한 JavaScript에 대해 자세히 알아보도록 하겠습니다. JavaScript는 웹 페이지를 동적으로 만들어주는 언어로, HTML과 CSS로만 구성된 웹 페이지에서는 동적인 표현을 해낼 수 없었습니다. 이러한 문제를 해결하기 위해 탄생한 것이 바로 JavaScript입니다. JavaScript의 탄생은 1994년 넷스케이프 커뮤니케이션즈(Netscape communications) 라는 소..

뒤로가기 체크 후 새로고침하기

개발을 할 때 간혹 뒤로가기만으로 데이터를 처리하기가 난감할 때가 있다. 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..

반응형