코딩공부

[25m] setTimeout, async-await, forEach, ...

milimiliemilie 2025. 3. 24. 22:09

# forEach (in Javascript)

// 다음의 숫자 배열이 있다고 가정
const numbers = {1, 2, 3, 4, 5};

// forEach 메서드를 사용해 배열을 순회하려면 아래와 같이 function을 사용함
numbers.forEach(function() {
	// SOME CODE
}

// 다만, 배열의 요소를 나타내는 매개변수를 반드시 하나 이상 사용해야 한다. 
numbers.forEach(function(number) {  // 왜 'number'일까? 그냥 아무 말이나 갖다 쓴 것임.
	console.log(number);
}

// output: 1 2 3 4 5

// ES6 style의 함수 표현을 사용할 수도 있다.
numbers.forEach(number => console.log(number));
// 엥? 근데 화살표 왼쪽에도 괄호 있어야 하지 않나? (number) => 이런 식으로 ...

 

 - 출처: https://www.freecodecamp.org/korean/news/javascript-foreach-how-to-loop-through-an-array/

 

# setTimeout

 - 다음과 같이 코드를 짰다면? -> getPosts가 1초만에 실행돼버려서, createPost로 만든 'Post Three'는 2초 후에야 만들어지므로 HTML에 안 들어가게 됨.

 

# 강의

 - 8'52"까지 들음.

 

 

# 다음에 할 일

 - 다음 영상으로 Callbacks, Promises, Async/Await 에 대해 알아본다: https://www.youtube.com/watch?v=PoRJizFvM7s

 

 - 다음의 용어들이 무슨 뜻인지, 언제 사용되는지 알아보기

 . WidgetsFlutterBinding

 . ensureInitialized

 . await

 

 - Youtube 강의를 끝까지 훑어본다. (https://www.youtube.com/watch?v=PFP8GnJcJHA)

 

 - Firebase Console에서 기존의 project를 폐기하고, Flutter Project도 폐기한다. 그리고 Flutter Project를 새로 파서, Firebase CLI로 설치부터 시작한다.

 

'코딩공부' 카테고리의 다른 글

[15m] Promises  (0) 2025.03.31
[15m] callback  (0) 2025.03.26
[8m] object.create()  (0) 2025.03.19
[40m] Objects vs Instances  (0) 2025.03.10
[15m] Object literals & Constructors  (0) 2025.02.27