inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

첫 번째 사람인지 판단하기

끝말잇기 제시어 입력 반영 코드 질문

388

특별한 거북이

작성한 질문수 5

0

첫번째 순서 사람이 처음 제시어를 작성하고, 이 제시어가 상단 제시어에 나타내게 하는 코드에서 질문이 있습니다.

 

선생님께서는 const $word =document.querySelector('#word'); 라고 한 후

 

onClickButton 함수 안 if (!word)에 

$word.textContent = word; 를 쓰셨습니다. 

 

그런데 저는 위에 const $word ~ 선언 없이,

바로 onClichButton 함수 안 $word.texTContent  파트에 document.getElementById('word').innerText=word;라고 썼습니다. 

 

이 방식과 선생님께서 알려주신 방식과 비교해보면, const $word ~ 자체가 굳이 필요없다고 느껴지고, 제 코드 한줄이 줄었기에 조금 더 효율적이라고 생각합니다. 

혹시 const $word~ 변수 선언을 해준 다른 이유가 있을까요?

javascript

답변 1

0

제로초(조현영)

변수로 만드는 이유는 나중에 재사용하기 위함입니다. $word라는 변수에 #word 태그를 저장해두면 나중에 재사용할 수 있는 것이죠. 변수로 만들어 저장하지 않으면 그때마다 document.getElementById로 브라우저가 찾아야합니다.

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

0

98

2

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

0

84

2

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

0

87

1

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

1

110

2

안녕하세요

0

109

2

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

1

82

2

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

0

95

3

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

0

160

2

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

0

126

2

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

0

148

2

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

0

117

2

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

0

274

3

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

0

181

4

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

1

195

2

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

0

249

1

event.target.textContent관련 질문

0

283

2

객체 참조 관련 질문

0

184

1

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

0

491

1

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

0

358

2

숙제 질문

0

227

1

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

0

238

1

야구게임 관련 질문입니다

0

192

1

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

0

182

1

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

0

169

1