자바스크립트 질문드립니다!

안녕하세요 제로초님~ 자바스크립트 관련 질문 드리고 싶습니다!

일단 첫번째 질문은 DOM 요소를 선택할 때 다음과 같은 코드를 사용해도 괜찮은지 궁금해서 질문드려봅니다.

보통은 아래 코드처럼 이렇게 사용하는데

const $input = document.querySelector('input');

얼마 전에 아래와 같이 함수로 만들어서 사용하는 코드를 보게 되었는데요,

const get = (target) => {
    return document.querySelector(target);
};

const $input = get(input);

대부분 첫번째 코드 처럼 사용하시는 것을 많이 봐서 2번째 코드를 봤을 때 이렇게 사용해도 되나? 하는 의문점이 들었습니다 ㅠ.ㅠ

좋아보여서 요즘 2번째 코드처럼 사용하고 있긴한데 코드 스타일에 따라 다른거라 상관 없을까요?

현업에서는 어떤 방식을 더 선호하시는지 궁금합니다. ㅎㅎ

두번째 질문은 즉시 실행 함수 관련 질문입니다.

html에 script 태그 만들고 js 파일을 불러올 때 즉시 실행 함수를 사용해서 불러와야 할까요 ?

(function () {
  'use strict';

  init();

  const getItems = () => {
    // 코드..
  };

  const init = () => {
    window.addEventListener('DOMContentLoaded', getItems);
  };
})();

자바스크립트 처음 공부할 때는 즉시실행 함수로 배웠었는데

최근에 다시 공부 시작하면서 찾아본 코드들은 즉시 실행 함수를 사용하시지 않는 것 같더라고요...ㅎㅎ

그냥 제가 제일 마음에 드는 거로 썼다가 좋지 않은 코드 스타일이 굳혀질까봐 어떤 스타일로 작성해야할지 혼란스러워서 여기까지 찾아오게 되었습니당..ㅠ_ㅠㅠ

Inflearn Community Q&A