24/05/02 TIL

오늘 한 것

1. 알고리즘 코드카타

2. 유데미 JS 강의 수강

• 부족한 내용을 보충하기 위해, 모든 강의를 몰아보고 있다.
• Declarations(선언) vs Expressions(표현식) 을 잘 이해하자.
• 선언의 예시를 들면, if-else 나 switch 등 그 자체로 값을 나타내는 것이 아닌 요소들이다.
• 표현의 예시는, “123” 이나 [“1”, “2”], true, 3 + 4 등 그 자체로 값인 것들이다!

1. 팀 과제 영화 정보 JS 파일 구성

• reivew.html 이라는 페이지를 통해서 영화의 상세페이지를 만들었다.
• 이때, 영화에 따라 동적으로 페이지를 만들고 싶어서 이벤트리스너를 통해 함수를 작성하고 localStorage 를 이용했다.

const handleClick = (evt) => {
  const target = evt.target;
  const cardData = target.parentElement.childNodes;
  console.dir(cardData);

  cardData.forEach((elem) => {
    window.localStorage.setItem(
      elem.localName,
      elem.textContent ? elem.textContent : elem.src
    );
  });
};

내일 할 것

1. 알고리즘 코드카타
2. 유데미 JS 강의 수강
3. 팀 과제 HTML, CSS 구성