🔥 Today

• [ByteDegree] react #22 ~ #24
  • App.js 내부에 작성했던 input상태를 새로운 hook, useInputs을 만들어 사용했다.
  • context API를 배웠다. props를 원하는 컴포넌트에 바로 넘겨줄 수 있는 API로 useReducer 사용시 같이 사용하면 유용할 것 같다.

• [ecommerce-website]
  • section-newItem 마크업과 newItem 내부에서 마우스 휠이 움직일 시, 가로 스크롤이 밀리는 기능을 넣었다. 가로 스크롤은 잘 움직이는데 동시에 세로 스크롤도 움직여서 이부분은 보완해야 한다..

• 어제 웹사이트 제작 중, 이벤트 관련 이슈가 생겨서 오늘 이벤트 버블링, 이벤트 캡처, 이벤트 위임을 다시 공부했다.

  • Event Bubbling : 하위에서 상위로 전달
  • Event Capture : 상위에서 하위로 전달
  • Event Delegation : 자식마다 이벤트를 걸지않고, 부모인 상위 요소에 이벤트를 걸어서 제어하는 방식
  • 이벤트 전파 막기 : e.stopProgation()

🔥 To Do

• [ecommerce-website] ⏩
• [부스트코스] project B
• [Algorithm] javaScript 매일 1문제 이상 풀기
• [부스트코스] CS 자료구조, 알고리즘 강의
• 운영체제 강의 듣기

• [ByteDegree] React 4주차 #22 ~ #36, #00 ~ #06 ⏩
  • 4주차 Quiz : ~ 12/21