inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

2-2-1 [코드설명] 구글, 네이버에서 사용하는 무한스크롤 원리와 구현

else문 += 질문

217

dpwl322

작성한 질문수 10

0

else{
                list = '<li><figure><img src="images/1.jpg"></figure></li>';
                list += '<li><figure><img src="images/2.jpg"></figure></li>';
                list += '<li><figure><img src="images/3.jpg"></figure></li>';
           }
이 부분에서 list에 처음에 1.jpg의 값을 담았다고 해석
되는데
그 뒤에 +=부분은 어떻게 해석을 해야하나요??
처음 list의 값(1.jpg)에 2.jpg,3.jpg이렇게 더해진거인가요??
변수 하나에 세계의 값을 넣을수가 있나요?

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

답변 2

0

깡코딩

할당 연산자를 안쓴다면

list = '<li><figure><img src="images/1.jpg"></figure></li><li><figure><img src="images/2.jpg"></figure></li><li><figure><img src="images/3.jpg"></figure></li>'

이렇게 쓰는게 맞습니다 :)

이수업은 자바스크립트 문법이나 패턴을 배우는 수업이 아니라 스크롤 인터렉션의 원리를 배우는 수업입니다 :) 다만 그 과정에서 초보자분들이 모를 수 있는 부분을 부가 설명하는거에요 :)

0

깡코딩

안녕하세요 += 은 이전 요소에 추가로 새로운 요소를 더하는 겁니다 :)

디테일하게 알고 싶다면 할당 연산자에 대해 공부해보세요(구글에 검색하면 나옵니다)

0

dpwl322

그럼 list를

 list = '<li><figure><img src="images/1.jpg"></figure></li>',
       '<li><figure><img src="images/2.jpg"></figure></li>',
       '<li><figure><img src="images/3.jpg"></figure></li>'
이렇게 세개의 li가 합쳐진거로 보면 되는건가요?

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

0

196

1

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

0

365

1

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

0

379

1

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

0

342

1

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

0

468

1

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

0

310

1

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

1

462

3

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

1

433

1

선생님

0

369

1

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

0

420

1

5-3-2 질문입니다.

1

291

1

5-2 추가 질문이요

0

345

2

5-2 ! 질문이요.

0

266

1

안녕하세요!

0

272

1

질문드립니다.

1

365

2

질문드립니다.

0

1664

3

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

0

237

1

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

0

261

1

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

0

210

1

IntersectionObserver

0

255

1

offsetheight와 scrollheight

0

396

1

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

0

426

2

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

0

313

1

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

0

204

1