티스토리 뷰

Callback function

1. forEach() 배열 내부 요소를 사용해서 콜백 함수를 호출

function(value, index, array){ }

2. map() 콜백함수에서 리턴한 값들을 기반으로 새로운 배열을 만듦

    arr.map(callback(currentValue[, index[, array]])[, thisArg])

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/map

 

Array.prototype.map() - JavaScript | MDN

map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환합니다.

developer.mozilla.org

3. filter() 콜백함수에서 리턴하는 값이 true인 것들만 모아서 새로운 배열을 만듦

arr.filter(callback(element[, index[, array]])[, thisArg])

callback : 각 요소를 시험할 함수. true를 반환하면 요소를 유지하고, false를 반환하면 버립니다.

+ 화살표 함수 arrow function expression

화살표 함수는 본문이 한 줄인 함수를 작성할 때 유용합니다.

본문이 한 줄이 아니라면 다른 방법으로 화살표 함수를 작성해야 합니다.

  1. 중괄호 없이 작성: (...args) => expression – 화살표 오른쪽에 표현식을 둡니다. 함수는 이 표현식을 평가하고, 평가 결과를 반환합니다.
  2. 중괄호와 함께 작성: (...args) => { body } – 본문이 여러 줄로 구성되었다면 중괄호를 사용해야 합니다. 다만, 이 경우는 반드시 return 지시자를 사용해 반환 값을 명기해 주어야 합니다.

https://ko.javascript.info/arrow-functions-basics

 

화살표 함수 기본

 

ko.javascript.info

▶ method chaining : 메소드가 리턴하는 값을 기반으로 함수를 줄줄이 사용

즉, 메서드가 객체를 반환하게 되면, 메서드의 반환 값인 객체를 통해 또 다른 함수를 호출할 수 있음

✔ 타이머 함수

setTimeout(함수, 시간) : 특정 시간 후에 함수 한 번 호출 ↔ clearTimeout(타이머_ID) : 이 함수의 타이머 제거

setInterval(함수, 시간) : 특정 시간마다 함수 호출 clearInterval(타이머_ID) : 이 함수의 타이머 제거

✍🏻 What is 'scope'?

✍🏻 What is 'shadowing'?

 


ㅇ 풀스택 미니 프로젝트

내가 맡은 기능

: 한 줄 평 코멘트 게시판 기능 + 로그인 여부 유효성 검사

 

mongoDB에 데이터가 저장은 되는데 return 한 값이 list에 안 붙는다.

도대체 왜 안될까?... 내일 일어나서 다시 봐야겠다...