inflearn logo
강의

Course

Instructor

Scroll interaction that even beginners can create. Part 1 JavaScript

8-2 [Hands-on] Scripting Scroll-Responsive Image Slider & Text Processing

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

210

younsang

1 asked

0

인터렉션이 동작하는 범위를 section으로 구분한다고 하였을 때

섹션별로 인터렉션 render 들은 별도로 만들고 해당 섹션이 도달하면 작동 되도록하고싶은데요,

그러려면 setProperty 을 공통으로 가져가는게 좋을 것 같은데

아니면 setProperty 함수 자체에서 분기를 나누는 것도 방법일까요?

if (percent >= 0 && percent < 100) {
     firstSectionRender();
     console.log(`페럴렉스섹션[0] ${percent}`);
}
if (percent >= 100 && percent < 200) {
     twoSectionRender();
     onsole.log(`페럴렉스섹션[1] ${percent}`);
}

section을 배열에 담아서 반복문을 돌려야 할까요? 적합한 원리를 잘 모르겠습니다.

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

Answer 1

0

ggangcoding162118

안녕하세요 :)

질문을 간단히 요약하자면 코드의 재사용을 말씀하시는 것 같네요!

문제를 해결하기 위해서는 Javascript 학습을 더 하면 좋을 것 같습니다 :)

Javascript oop, 모듈화 등의 키워드로 검색하여 학습하거나 관련 서적을 참고하면 말씀하신 질문의 해답을 얻을 수 있을 것 같습니다! :)

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

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

0

197

1

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

0

367

1

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

0

379

1

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

0

344

1

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

0

468

1

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

0

312

1

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

1

463

3

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

1

433

1

선생님

0

370

1

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

0

422

1

5-3-2 질문입니다.

1

293

1

5-2 추가 질문이요

0

346

2

5-2 ! 질문이요.

0

266

1

안녕하세요!

0

273

1

질문드립니다.

1

366

2

질문드립니다.

0

1665

3

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

0

239

1

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

0

261

1

IntersectionObserver

0

255

1

offsetheight와 scrollheight

0

398

1

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

0

428

2

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

0

316

1

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

0

207

1

5섹션예제 전부 깨져요 ㅠ

0

243

1