inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문

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

해결된 질문

286

작성자 없음

작성한 질문수 0

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);
  };
})();

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

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

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

javascript

답변 1

1

제로초(조현영)

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

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

자바스크립트 입문 강의 재생 안됨

0

98

2

쿵쿵따 조건문 질문입니다.

0

85

2

렛츠가릿 자바스트립트와 공유가 되나요

0

87

1

수강을 하기 전 공부순서에 관한 질문이 있습니다.

1

112

2

안녕하세요

0

110

2

1~45 필터링하는 코드에서 find대신 some써주는게 나을거같습니다.

1

82

2

고차 함수 작성법과 수업 진도 관련한 질문

0

95

3

break와 continue 9:55 내 continue 구문 질문

0

161

2

옵셔널 체이닝 적당한 깊이는 어느 정도인가요?

0

127

2

로또 추첨기 중 입력값을 검사할 때

0

151

2

2-14.else,else if,switch 관련 질문입니다.

0

118

2

가위바위보 이미지(rsp.png)가 안보여요

0

274

3

Math.random() 에 9을 곱하는 이유

0

183

4

클로저 관련해서 질문있습니다.

1

196

2

유튜브 댓글 보고 왔습니다!- 퀴즈 중복된 숫자 검사 for 문

0

249

1

event.target.textContent관련 질문

0

284

2

객체 참조 관련 질문

0

186

1

-2+ -2 = -4 음수 더하기 음수 - 셀프체크 계산기

0

495

1

별찍기 마름모 문제입니다.

0

360

2

숙제 질문

0

227

1

5강 async/await으로 가독성 높이기에서

0

240

1

야구게임 관련 질문입니다

0

192

1

쿵쿵따, 계산기에서 변수 선언

0

184

1

지뢰 힌트 사라짐(대괄호)

0

172

1