목록Develop/JavaScript (15)
Judaeng
Callback 함수 callback함수는 '다른 함수의 전달 인자(argument)로 넘겨주는 함수'이다. parameter를 넘겨받는 함수는 callback함수를 필요에 따라 즉시 실행할 수도 있고, 나중에 실행할 수도 있다. 아래 예시에는 B가 parameter로 쓰이는' callback함수'이고, A는 B를 parameter로 쓰는 함수이다. // 즉시 실행 = synchronously (동기) // 나중에 실행 = asynchronously (비동기) function B(){ console.log('나중에'); } function A(callback){ callback(); } A(B); 동기, 비동기 비유 🤔 콜백함수는 '제어권'을 다른 함수에게 넘겨준 함수라고 생각할 수 있다. 위에서는 B가..
읽기 전용 속성을 사용하면 Document 출처의 Storage 객체에 접근할 수 있습니다. 저장한 데이터는 브라우저 세션 간에 공유됩니다. localStorage는 sessionStorage와 비슷하지만, localStorage의 데이터는 만료되지 않고 sessionStorage의 데이터는 페이지 세션이 끝날 때, 즉 페이지를 닫을 때 사라지는 점이 다릅니다. 저장한 자료는 페이지 프로토콜별로 구분합니다. 간단하게 정리를 하자면 브라우저를 껐다가 켜도 유지되도록 만들고 싶다면 '로컬 스토리지' 기술을 사용해야한다. 웹 스토리지(Web Storage) 웹 스토리지는 서버가 아닌, 클라이언트에 데이터를 저장할 수 있도록 지원하는 HTML5의 새로운 기능이다. 웹 스토리지에는 로컬 스토리지(local Sto..
일급 객체(First-Class) 변수에 할당 가능(함수 표현식) 다른 함수의 parameter, 인자로 전달 가능 다른 함수의 결과로 return 가능 고차 함수란? 함수를 인자로 받거나 함수를 리턴하는 함수를 말한다. callback 함수란? 다른 함수의 매개변수로 함수를 전달하고, 어떠한 이벤트가 발생한 후 매개변수로 전달한 함수가 다시 호출되는 것을 의미한다. 간단하게 다른 함수의 인자로 전달되는 함수를 콜백 함수라고 한다. 그렇다면 예제를 들어보자 고차 함수가 아닌 함수와 고차 함수로 작성한 것이 무엇이 다른지 곰곰히 보고 생각해도록하자 고차 함수가 아닌 것은 반복문을 이용해 빈 배열에 하나씩 배열에 추가시켰지만, 고차 함수로 작성한 것은 배열을 그대로 사용하는 것이다. 이처럼 고차 함수는 외부..
function(함수) function은 독립적으로 분리된 로직으로서 프로그램 수준에서 미리 정의되어 있거나 사용자정의에 의해 만들어진 실행단위를 일컫는 말이다. 자바스크립트의 function은 Fisrt-Class-Object 로서 변수나 데이터 구조 안에 담을 수 있으며 인자로 전달할 수 있고 반환 값으로도 사용할 수 있으며 , 런타임에 생성할 수 도 있다. 쉽게 말해 function은 '코드의 묶음, 기능의 단위'이며, 일반 객체(object)처럼 취급될 수 있다. 이런 함수를 사용하는 데 있어 개념이 두가지가 있다. 함수선언(Function Declarations) 과 함수표현(Function Expressions)을 구분하는 것이다. 함수선언식(Function Declarations) 함수 선언..