반응형 웹프로그래밍/javascript4 자바스크립트에서 화살표 함수(lambda)와 익명 함수의 차이점 자바스크립트는 다양한 방식으로 함수를 정의할 수 있는 유연성을 제공합니다. ES6에서 도입된 화살표 함수는 간결한 문법과 몇 가지 고유한 특성으로 인해 매우 인기를 얻고 있습니다. 이 글에서는 화살표 함수와 익명 함수의 주요 차이점을 알아 보겠습니다.1. 문법 차이화살표 함수는 기존의 function 키워드를 사용하는 함수보다 훨씬 간결한 문법을 제공합니다. 예를 들어, 두 수를 더하는 간단한 함수는 다음과 같이 다르게 표현될 수 있습니다. 일반 함수:let add = function (x, y) { return x + y;}화살표 함수:let add = (a, b)=>{ return a + b}2. this 바인딩의 차이일반 함수는 호출될 때마다 this의 값이 함수의 호출 방식에 따라 결정됩니다.. 2024. 5. 24. ajax(비동기 통신)를 사용하는 다양한 방법 ajax(비동기 통신)를 호출하는 다양한 방법. 1. 기존 javascript 방식 var ajax = new XMLHttpRequest(); ajax.onreadystatechange = function(){ if(this.readyState == 4 && this.status == 200){ console.log(ajax.responseText); } }; ajax.open("GET", "url", true); ajax.send(); 2. javascript fetch 이용 fetch('url') .then((response) => { if(!response.ok){ throw new Error('400 아니면 500 에러남'); } return response.json(); }) .then((결과).. 2023. 6. 29. 상단메뉴 픽시드 css 파일 .activeFixed{ background-color: aliceblue; position: fixed; } js 파일 document.addEventListener('scroll', function() { const header = document.querySelector('.header'); // 해더 객체 가져오기 const headerheight = header.clientHeight + 42; // 스크롤시마다 해더 높이 추가 const scrollposition = pageYOffset; if (headerheight 2023. 2. 27. JSON 이란? client가 어떻게 server와 통신할수 있는지를 정의한 것을 HTTP 이다. Hypertext Transfer Protocal Hypertext => 문서, 이미지파일, 하이퍼 링크 등의 리소스들 AJAX는 Asynchronous JavaScript And XML 웹페이지에서 동적으로 서버에게 동적으로 데이터를 주고 받는 기술. 대표적인 예로는 XMLHttpRequest(XHR)가 있다. XHR은 브라우저 APIS에서 제공하는 오브잭트의 하나로 이 오브잭트를 이용하면 단간하게 서버에게 데이터를 요청하고 받아올수 있다. 최근 브라우저에서 추가된 fetch() API를 이용해서 간단하게 데이터를 주고 받을수 있으나 IE에서는 지원되지 않는다. XML은 markup language중 하나이다. HTML과.. 2023. 2. 27. 이전 1 다음 반응형