티스토리 뷰
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
화살표 함수는 본문이 한 줄인 함수를 작성할 때 유용합니다.
본문이 한 줄이 아니라면 다른 방법으로 화살표 함수를 작성해야 합니다.
- 중괄호 없이 작성: (...args) => expression – 화살표 오른쪽에 표현식을 둡니다. 함수는 이 표현식을 평가하고, 평가 결과를 반환합니다.
- 중괄호와 함께 작성: (...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에 안 붙는다.
도대체 왜 안될까?... 내일 일어나서 다시 봐야겠다...
'Edu_hanghae99 > TIL' 카테고리의 다른 글
[TIL] 풀스택 미니 프로젝트 _221117 (0) | 2022.11.18 |
---|---|
[TIL] 다음 프로젝트에서는 꼭!_221116 (2) | 2022.11.17 |
[TIL] 📗 [혼공자] Ch5 함수_221112 (0) | 2022.11.13 |
[TIL] 핵심 쏙쏙 Git 강의 1~3주차_221111 (2) | 2022.11.12 |
[TIL] 📗 [혼공자] Ch 4 반복문_221110 (2) | 2022.11.10 |