오늘 한 일

리액트 강의듣기
개인프로젝트 마무리
└ validation
└ 삭제 시 확인창
└ progress bar
└ 모두 지우기 버튼
과제 제출
밍글데이

오늘 공부한 내용

✅ 옵셔널 체이닝 연산자

?.

• 각 참조가 유효한지 명시적으로 검증하지 않고, 연결된 객체 체인 내에 깊숙이 위치한 속성 값을 읽을 수 있음
• . (체이닝 연산자)와 비슷하게 작동하지만, 만약 참조가 nullish (null 또는 undefined)이라면, 에러가 발생하는 것 대신에 표현식의 리턴 값은 undefined이 됨
• 함수 호출에서 사용될 때, 만약 주어진 함수가 존재하지 않는다면, undefined를 리턴

const adventurer = {
  name: 'Alice',
  cat: {
    name: 'Dinah',
  },
};

const catName = adventurer.cat?.name;
console.log(catName); // Dinah

const dogName = adventurer.dog?.name;
console.log(dogName);
// Expected output: undefined

console.log(adventurer.someNonExistentMethod?.());
// Expected output: undefined

✅ image lazy loading

• 페이지 안에 이미지들을 바로 보여주는 게 아닌
  실제로 화면에 보일 필요가 있을 때 로딩할 수 있도록 하는 테크닉
• 다양한 방법이 있지만 가장 쉬운 방법은 img 태그에 loading 속성을 주는 것

<img src="./" alt="image" loading="lazy"/>

TodoList 다듬기

📍 https://velog.io/@jetiiin/todoList만들기-2

느낀점

1. 아침에 잠 깨느라 너무 힘들었다 ㅠ
   내일은 리액트 숙련주차 시작이자 아침 발제 있는 날!
   또 강의주간이란 소리네... 😇
2. 그래도 과제 마무리해서 후련하다

참고
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Optional_chaining#%EC%98%88%EC%A0%9C