[December, 10~11,2022]

2022-12-10~11

✍️ 1) PLAN & TODO

• [✅] : workwork
• [✅] : ES6 공부
• [✅] : 가족여행 계획

---

💻 2) CODING

✍️ WORK & CODE

workwork -> new Date 오류 나는 부분, 모달 업데이트 부분 수정

ES6 오랜만에 javascript 문법공부^^

공부한 것 중에 실무에 적용해보고 싶거나 새로 배운(?) 것을 정리해보자면

• || vs ?? 의 차이

const name = 0;

// || 는 false(0,"",false...) 일 때 작동
// ?? 는 null 이거나 undefined 일 때만 작동한다.
console.log("hello", name ?? "anonymous");

---

• Object.entries

const person = {
name: "aa",
age: 20,
};

Object.entries(person).forEach((item) => console.log(item[0], item[1]));

---

• logical OR/AND/NULLISH(||=,??=,&&=)
  https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Logical_OR_assignment

---

• Object.hasOwn()

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/hasOwn

---

• String.replaceAll()

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replaceAll

---

• String.repeat()

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/repeat

---

• Object , Array Destructuring

---

• Rest

const infiniteArgs = (...rest) => console.log(rest);

infiniteArgs("1", 2, true, "lalala");

const bestFamilyMaker = (a, ...rest) =>
console.log(`mybestfriend is ${a}`);

bestFamilyMaker("a", "b", "c");

---

• Object 재가공

const user = {
name: "abc",
age: 9,
height:10
};


const killage = ({ age, ...rest }) => rest;

const cleanuser = killage(user);

console.log(cleanuser);

---

• for~of
  https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/for...of

---

• Promises=> then, async&await

const getMovies= () => {
fetch("https://yts.mx/api/v2/list_movies.json")
.then((response) => {
return response.json();
})
.then((data) => console.log(data))
.catch((e) => console.log(`✔${e}`));
};

const getMovies= async () => {
const response = await fetch("https://yts.mx/api/v2/list_movies.json");
const json = await response.json();
console.log(json);
};

getMovies();

---

• Promise.all

const getMovies = async () => {
try {
const [moviesResponse, suggestionsResponse] = await Promise.all([
fetch("https://yts.mx/api/v2/list_movies.json"),
fetch("https://yts.mx/api/v2/movie_suggestions.json?movie_id=100"),
]);

const [movies, suggestions] = await Promise.all([
moviesResponse.json(),
upcomingResponse.json(),
]);

console.log(movies, upcoming);
} catch (e) {
console.log(e);
} finally {
console.log("we are done");
}
};

🤸‍♀️ 3) EXERCISE & LANGUAGES & BOOK

Monday/ Wednesday(Tuesday)/ Thursday 19:45-20:15 (English with Clarisse)
Tuesday / Thursday 21:00 ~ 22:00 (어깨 수영 보류)
Saturday 09:00~10:00
Sunday

---

🏈 4) REFLECTION

---