inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

초보자도 만들 수 있는 스크롤 인터렉션. 1편 자바스크립트

4-3 [실습편] 스크롤 인터렉션 스크립트 작성하기(패럴럭스, 배경전환)

find 사용의 이유

278

육영서

작성한 질문수 4

0

안녕하세요.
 
혹시 변수 선언 할 때에,
var scrollBody = $('.motion_area'); 에서는 $() 를 사용하고,
bgContent와 ggangBody 에서는 scrollBody.find('.bg');
등으로 find 메소드를 사용 해주셨는데요, 더욱 길어지는것 같아서
혹시 bgContent에 $('.bg') <-이런식으로 선언이 아닌,
find를 사용하는 이유가 있는지 궁금합니다.

jquery HTML/CSS 인터랙티브-웹 javascript

답변 1

1

깡코딩

안녕하세요 :)

먼저 수업에서는 다양한 방법을 보여주기 위해 고의로 코드를 살짝 다르게 작성해 놓은 부분도 있습니다(메소드, 수식 등) :)

이상하다고 생각하는 부분은 고쳐서 본인만의 코드를 만들면 됩니다. :)

 

그럼 질문주신 내용에 대해 알려드릴게요

코드를 작성할 때 여러사람의 손을 거치거나 페이지의 내용이 많아지다보면

다양한 경우의 수가 발생합니다.

예를 들어 bg라는 클래스를 섹션1 엘리먼트에서도 사용하고

섹션2 엘리먼트에서도 사용했다면 어떻게 될까요??

 

$('.bg')이렇게 사용했다면

개발자는 섹션1 엘리먼트의 bg 클래스만 찾으려 했지만 더 많이 찾는 상황이 생겨 오류가 생기겠죠?

이유야 많겠지만 이러한 이유로 클래스를 찾을때 기준을 두고 찾으면

위와 같은 오류를 해결할 수 있을겁니다. :)

 

*추가 안내 :  또한 돔트리를 검색할 때 속도 역시 빠르지만 체감할 정도의 수준은 아니니 크게 걱정하지 않으셔도 됩니다. :)

 

그럼 또 다른 궁금증이 생기면 문의주세요 :)

다음강의 언제나오나요 다음강의는 인터렉티브한 전체적인 웹사이트였으면 좋겠네요

0

212

1

반응형에 대해 질문이 있습니다 !

0

383

1

날짜 카운트를 활용하여 시간으로 적용해볼 수 있나요?

0

388

1

함수가 정의되기 전에 함수 호출

0

353

1

섹션12 보너스 챕터에 관한 질문입니다!

0

477

1

5-3-1 강좌 섹션 질문 합니다.

0

324

1

죄송합니다만 해당 프로젝트를 리엑트로 수정해서 만들어보고있는중에 질문드립니다.

1

481

3

화면 높이 관련 질문 있습니다.

1

441

1

선생님

0

378

1

5-2 vanilla.html 질문합니다.

0

428

1

5-3-2 질문입니다.

1

302

1

5-2 추가 질문이요

0

362

2

5-2 ! 질문이요.

0

270

1

안녕하세요!

0

277

1

질문드립니다.

1

371

2

질문드립니다.

0

1680

3

색션6강 카운트관련 문의드립니다!

0

246

1

섹션5 관련 질문드립니다.

0

271

1

setProperty 를 재활용 하고싶습니다.

0

216

1

IntersectionObserver

0

260

1

offsetheight와 scrollheight

0

401

1

완성된코드를 그대로 가져왔는데 크기가 이상해요

0

436

2

2:56에 10씩 증가시키는건 어떻게 하신건가요?

0

320

1

<script>에 $(function(){})으로 감싸준 이유

0

212

1