에밀리의 작업실

# Promises* 그러고 보니 연습을 안했어서, Promises 가지고 연습해보기.  [ 도전문제 ](조건) - '홈으로 가기'를 눌러서, 레시피 목록을 볼 때... 방금 본 레시피는 '읽음' 상태로 바꾼 다음에 홈 화면을 보여주려면? - 레시피의 상태값: 읽음/안읽음(read = 0 or 1) ... Recipe1 = new const Recipe (read = 0), Recipe2: 0, Recipe 3: 0   . 이들을 array 혹은 list 형태로 가지고 있기. - 함수: 홈으로 가기   . var: currRcp(현재 보고 있는 레시피의 이름)   . return: for each Recipe in RcpList ... console.log(rcp.name, ':', rcp.read) ↓..

# Promisesreturn new Promise(resolve, reject) {}요걸 쓴다!error -> 그대로 수행하고reject -> 'error' 변수에 저 문구를 넣어라원래는 error = true 로 예시를 들었음.createPost() 를 실행한 다음에... (=then)getPosts를 실행해라....를 한 다음에,에러가 나면 캐치해라. 콘솔에 찍는 방식으로.# Notes - 언젠가 .then() .catch() 에 대해서도 알아봐야겠다.# 다음에 할 일 - 다음 영상으로 Promises, Async/Await 에 대해 알아본다: https://www.youtube.com/watch?v=PoRJizFvM7s 24:31까지 봤었음. - 다음의 용어들이 무슨 뜻인지, 언제 사용되는지 알아..

# callback # 강의 영상 - 10:50까지 들음. (이제 promises 들을 차례) # Notes - callback function을 배우고 나서 다시 들으러 오니까, 드디어 뭔말인지 이해가 된다. 반대로 말하자면, '배우면 이해가 된다!'를 깨달았다. # 다음에 할 일 - 다음 영상으로 Promises, Async/Await 에 대해 알아본다: https://www.youtube.com/watch?v=PoRJizFvM7s  - 다음의 용어들이 무슨 뜻인지, 언제 사용되는지 알아보기 . WidgetsFlutterBinding . ensureInitialized . await  - Youtube 강의를 끝까지 훑어본다. (https://www.youtube.com/watch?v=PFP8GnJc..

# 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(nu..

# object.create()var superObj = {superVal: 'super'}// 이런 object가 있을 때, 얘를 부모로 하는 object를 만드려면?var subObj = Object.create(superObj);// Object.create() 안에, superObj를 넣어서 생성한다.  # 다음에 할 일 - async-await 따라해보기. (하다 말았음): https://milimiliemilie.tistory.com/11 여기의 JS Crash course 참고.

# Objects vs Instances - Objects가 더 class에 직접 연결된 느낌이라고 보면 됨..... (사실 잘 모르겠다! 하지만 코딩을 하다 보면 느낌이 오겠쥐.) - 출처: https://stackoverflow.com/questions/3323330/difference-between-object-and-instance/42753129#42753129 Difference between object and instanceI know this sort of question has been asked before, but I still feel that the answer is too ambiguous for me (and, by extension, some/most beginners..

# Object literals & Constructors  - Object literals (객체 리터럴): Objects created using object literals are singletons. This means when a change is made to the object, it affects that object across the entire script.  - Constructors (생성자): Object defined with a function constructor lets you have multiple instances of that object. This means change made to one instance will not affect other instances..

# 오늘 한 것 - 도전문제 완료// 도전문제 3: 레시피 id를 입력하면, (1) 재료를 알려주고, (2) 만드는 법을 알려준다. ( Console.log로 찍기 )// 필요한 함수: (1) 재료를 알려주는 함수 (2) 만드는 법을 알려주는 함수 (3) 1, 2를 console.log로 찍는 함수// (1) 재료를 알려주는 함수가 리턴할 것: 총 재료의 개수, 재료들// (2) 만드는 법을 알려주는 함수가 리턴할 것: 넘버링, 만드는 법// (3) 1, 2를 console.log로 찍는 함수: variable은 총 두개 ... Recipe, fnc (fnc를 바꾸어가며 활용하게끔)// 필요한 객체: Recipe (ingredients, howto) ... 샘플 2개// 객체의 조건 1: 재료는 list..

# 오늘 한 것 - 도전문제 2 완료// 도전문제 2: 레시피 id를 입력하면, (1) 재료를 알려주고, (2) 만드는 법을 알려준다. ( Console.log로 찍기 )// 필요한 함수: (1) 재료를 알려주는 함수 (2) 만드는 법을 알려주는 함수 (3) 1, 2를 console.log로 찍는 함수// 필요한 객체: Recipe (ingredients, howto) ... 샘플 2개// 1) Recipe (ingredients, howto) ... 샘플 2개 만들기function Recipe (recName, ingr, howto) {    this.recName = recName    this.ingr = ingr    this.howto = howto}rec1 = new Recipe ('팽이버섯 ..

# 오늘 한 것 - 지난번의 복습 (tistory 적은 내용을 다시 읽음) - 도전문제 2번을 설계함// 도전문제 2: 레시피 id를 입력하면, (1) 재료를 알려주고, (2) 만드는 법을 알려준다. ( Console.log로 찍기 )// 필요한 함수: (1) 재료를 알려주는 함수 (2) 만드는 법을 알려주는 함수 (3) 1, 2를 console.log로 찍는 함수// 필요한 객체: Recipe (ingredients, howto) ... 샘플 2개 # 다음에 할 것 - 도전문제 2번 풀기 (Callback function 쓰는 것으로) - async-await 따라해보기. (하다 말았음): https://milimiliemilie.tistory.com/11 여기의 JS Crash course 참고.