helpers.js

[React 1부] 만들고 비교하며 학습하는 React

[순수JS 1] 검색폼 4(실습)

작성

313

emit, on 등 헬퍼 함수가 좀 헷갈려서 따로 html 파일을 만들어서 연습하는 중인데요! qs 함수를 만들어서 사용하면 dom 객체를 제대로 받아오지 못하는데 이유가 뭘까요..?

그리고 emit 함수 부분 mdn 문서를 봐도 제대로 이해가 안 되는데 custom, dispatch를 간단하게 설명해 주시면 감사드리겠습니다ㅜㅜ

<body>
  <div class="container">
    <form id="search-form-view">
      <input type="text" placeholder="검색어를 입력하세요" autofocus />
      <button type="reset" class="btn-reset"></button>
    </form>
  </div>

  <script> 
    function qs(selector, scope = document) {
      if (!selector) throw "no selector";
      scope.querySelector(selector);
    }
    
    const form = qs('#search-form-view');
    console.log(form); // undefined

    const form1 = document.querySelector('#search-form-view');
    console.log(form1);