🤍 전 강의 25% 할인 중 🤍

2024년 상반기를 돌아보고 하반기에도 함께 성장해요!
인프런이 준비한 25% 할인 받으러 가기 >>

  • 카테고리

    질문 & 답변
  • 세부 분야

    프로그래밍 언어

  • 해결 여부

    해결됨

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

22.09.24 23:21 작성 조회수 210

0

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

일단 첫번째 질문은 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);
  };
})();

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

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

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

답변 1

답변을 작성해보세요.

1

그 get 함수의 이름을 $로 바꿔보면 제이쿼리 모양 $()가 됩니다. 물론 제이쿼리는 훨씬 더 복잡합니다.

요즘은 즉시실행함수가 필요없습니다. 모듈 시스템을 주로 써서요. 예전에 스크립트 시스템을 할 때 변수 충돌을 방지하던 방법입니다.

채널톡 아이콘