1. 개발자도구 사용법
    • 웹 구현을 위해 HTML이 어떻게 사용되었는지 볼 수 있으며 실시간으로 수정하여 변화를 확인할 수 있음.
    • 회사의 Coding Convention을 따르는 것이 중요하며, 연습할 때 Airbnb Convention을 참고하여 익숙해질 수 있도록 할 것 (세계적으로 많이 씀/따름)
  1. 개발자도구 사용법 (계속)
    • Application Section에서 데이터가 어떻게 저장되는지 파악 가능
    • Local Storage: 브라우저에 도메인별로 저장되며 Clear 하기 전까지 계속 남아있음
    • Session Storage: 탭을 닫는 순간 사라짐, 보안에 조금 더 강력함
    • Cookie: 개발자가 정해진 시간 동안 저장됨
  1. box-sizing: border-box;
    • padding을 변경하면 width에도 변화를 줄 수 있음.
    • 같은 사이즈의 박스를 여러개 사용하기 위해 *와 같은 Selector를 활용하여 모든 태그에 적용할 수 있음
  1. Class / Constructor Function
    • 같은 key를 가진 여러개의 객체(Object)를 만들 때 유용하게 사용됨
      class Car {
       constructor(name, price) {
         this.name = name;
         this.price = price;
       }
      }
      const morning = new Car('Morning', 2000000);
    • 만약 Object의 Property가 바뀔 가능성이 있을 경우 let 사용