[JS] 콜백 함수(Callback Function)란? [콜백 함수를 쓰는 함수 직접 만들어보기]

웹/JS 2022. 7. 5. 00:23

안녕하세요. 오늘은 JS에서 자주 사용되는 개념은 콜백 함수(Callback Function) 에 대해 알아보겠습니다. const words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present']; const result = words.filter(word => word.length > 6); console.log(result); // expected output: Array ["exuberant", "destruction", "present"] 위 코드는 developer.mozilla.org 란 곳에서 가져온 배열의 filter 메소드(함수) 를 사용하는 방법을 다루고 있습니다. JS에서 배열을 생성하면 그 배열은 .filter()라..

Article Thumbnail
[JS] 화살표 함수란? (Arrow Function)

웹/JS 2022. 7. 4. 03:04

adder = (a, b) => a + b; console.log(adder(2, 3)); >>> 5 JS로 작성된 코드들을 보면 위와 같이 () 와 화살표(=>) 를 이용한 표현들을 볼 수 있습니다. adder에 어떤 표현식을 대입할 수 있고 adder(2, 3) 를 호출하면 return a + b; 를 하는 함수처럼 동작합니다. 실제로 위 표현은 화살표 함수라고 해서 함수를 간결하게 쓸 수 있는 표현 방법입니다. adder = (a, b) => a + b; 사실 이 표현은 adder = function(a, b) { return a + b }; 이 표현과 같은 것입니다. 대충 function 키워드를 빼고 화살표를 추가한 거 같은데 return은 어디로 사라졌을까요? 오늘은 화살표 함수(Arrow F..

Article Thumbnail
[JS] var, let, const의 차이점

웹/JS 2022. 7. 3. 02:07

이번에 웹 공부의 필요성을 느껴서 이전에 대강 대강 이해하고 넘어갔던 JS를 심화 학습중입니다. 기존 응용 프로그램만 개발하면서 언어 자체가 '어렵다' 정도는 있어도 (C++ 이라던가...) 난해하다는 느낌은 없었는데 JS의 경우 제가 기존에 프로그래밍 하던 것과 다른 난해한 느낌을 받았습니다. 특히 자바스크립트의 과도한 유연성이 저에겐 혼돈의 카오스 그 자체였습니다... 'JavaScript is Weird' 라는 말이 개발자들 사이에서 도는게 그 증거겠죠. 그 중 첫번째가 바로 JS에서 변수 선언 방식인 var, let, const의 차이입니다. 오늘은 이 3가지의 차이점에 대해 좀 자세히 알아보겠습니다. *본 글에서 자바스크립트라는 단어는 전부 JS라는 단어로 축약해서 사용하겠습니다. var vs ..

Article Thumbnail
[Node.js] 스팀 API 사용하기

웹/JS 2020. 10. 19. 21:30

설치방법 npm i steamapi cmd 창에서 다음 명령어를 입력해서 설치해주세요 * Node.js 가 설치되어 있고 환경변수가 등록되어 있어야지 작동합니다. 사실 스팀 Web API가 이미 친절하게 제공되어 있으나 기능을 구현하려면 GET으로 일일히 만들어줘야 합니다 그걸 Node.js로 미리 해주신 분이 있어서 우린 써먹기만 하면 됩니다! 사용예제 Steam Api Key는 다음 링크에서 받으실 수 있습니다. const API_KEY = 'your_api_key'; const SteamAPI = require('steamapi'); const steam = new SteamAPI(API_KEY); steam.resolve('https://steamcommunity.com/id/your_steam_..

Article Thumbnail
[Polyfill] beforescriptexecute, beforescriptexecute 이벤트의 폴리필

웹/JS 2020. 10. 11. 22:29

beforescriptexecute 이벤트를 활용하면 JS 로딩전에 JS를 내 마음대로 조작시킬 수 있습니다. (JS 로딩자체를 없애버리거나 안의 변수 이름, 내용등을 Replace 해버릴 수 있습니다) TamperMonkey, GreaseMonkey 같은 것에서 사용하면 거의 왠만한 사이트를 내 마음대로 조작이 가능해집니다. 하지만 사진 이 이벤트가 파이어 폭스 이외엔 제대로 작동하지 않는것으로 알려져 있습니다. 크롬에서도 작동시키려면 아래 주소의 Polyfill을 사용하면 됩니다. gist.github.com/maple3142/c6593f0aff180bc0e4be5d549259da2c polyfill of 'beforescriptexecute' event polyfill of 'beforescript..

Article Thumbnail