🌟 오늘의 과제

👤 개인 과제

⚡ 강의 수강 후 수강 완료 & 정리 내용 인증

👥 조별 과제

⚡ 개념 정리하기 !

  1. console로 출력할 수 있는 방법 정리

    Console.log()

    Console.info()

    Console.warn()

    Console.error()

    Console.dir()

    Console.table()

    Console.time()

  2. 이벤트 리스너 등록 방법 2가지

    1. 자바스크립트 코드에서 property로 등록 이벤트 타입별로 오직 하나의 이벤트 리스너만을 등록 가능.
    2. HTML 태그에 속성으로 등록 HTML 코드에 자바스크립트 코드가 추가됨으로써 가독성이 안 좋아지며, 유지보수가 힘들어짐.

⚡ 토론해보아요 !

  1. 웹페이지에서 로그인 버튼을 선택하려면 어떻게 해야할까요?

    Hint1❗ 아주 쉬운 문제이니 어렵게 찾지 말아요! 로그인 버튼 우클릭 > ‘검사’를 눌러 봅시다!

    Hint2❗ 셀렉터를 활용해보세요!

  2. 우리가 네이버 개발자가 되었다고 가정해봅시다! 1번에서 선택한 버튼을 기준으로, 버튼이 눌렸으면 "Button was clicked!" 라고 팝업을 띄우는 코드를 작성해봅시다!

    Hint1❗ 이벤트 핸들러와 함수를 각각 하나씩 작성해야 해요!

    Hint2❗ 브라우저 콘솔에 작성한 코드를 입력한 후, 로그인 버튼을 클릭해보면 코드를 잘 작성했는지 알 수 있어요! 팝업이 뜨고 나서 로그인 페이지로 이동하면 성공입니다😆

    Untitled

    /