inflearn logo
강의

Course

Instructor

Svelte.js [Core API] Complete Guide

6. tick

onMount 응용해서 적용해보려고 하는데 오류가 나네요.

340

jude

9 asked

1

 

위와 같이 onMount 라이프사이클 안에 함수를 선언하고 DOM을 가져오는 구문을 작성했는데 오류가 나네요, 콘솔에는 not defined라고 나오고..

흐음.. 나중에 어떻게 onMount를 활용하는지 영상을 더 보긴 해야할거 같은데...

vue 생각하면 당연히 되어야 하는데 안되니까 당황스럽네요..ㅎㅅㅎa

 

onMount 안에서는 이렇게 처리하면 안되는걸까요?

Sortable Rollup svelte

Answer 1

1

HEROPY

jude 님 안녕하세요~😊

handler 함수가 onMount 콜백 안에서 선언되어 있어서 handler 함수는 템플릿(HTML)에서 사용할 수 없습니다.

컴포넌트 최상위 영역에서 선언돼야 템플릿에서 사용할 수 있습니다.

따라서 다음과 같이 수정해야 합니다. 

 

Vue와 비교하자면, handler 함수가 methdos 옵션에 없는 상태로 mounted 훅 안에서 선언돼고 템플릿에서 사용하려고 시도하는 것과 같습니다.

0

jude

아~ 그러네요, vue에서도 마운티드에서 호출만 했었군요.. 헷갈렸네용..

친절한 답변 감사합니다~! 패스트 캠퍼스 초격차 패키지 강의도 잘 보고 있습니다 ^^

56강 4. 슬롯 포워딩이 Svelte 5 부터는 적용 불가

0

207

1

5 라이프사이클 모듈화 - 질문

0

285

1

소스코드

0

268

1

스벨트킷 강의는 안해주시나요?

0

334

1

강의 소스 코드

1

657

2

aws ec2 배포시 질문

1

883

2

vite 사용하는 예시 추가 계획은 없으실까요?

2

443

1

터미널에서 npx를 치실 때 흐린색으로 가이드처럼 나오는건 어떻게 해야 하나요?

1

379

1

textarea에서 esc 키를 누를 때 오류

1

334

1

스벨트 반응성에 대해 질문드립니다!

1

470

1

백엔드는 어떻게 배우면 좋을까요?

1

305

1

scss를 사용하기 위한 sveltePreprocess() 실행 위치가?

1

393

1

보간한다는 뜻을 무슨 의미로 이해해야 하나요?

1

6126

2

[0:15] Vuejs 인라인 핸들러 비권장 설명

1

304

1

로그인 정보를 확인할 때

1

250

1

재렌더링 때 interval 처리 질문

1

287

1

7:10초 설명에 질문 있습니다.

1

268

1

:global() 에서 & 적용이 안되는거 같아요

2

298

1

promise 변수에 초기값 관련 질문입니다.

1

383

2

혹시 vue 처럼 classObject 객체를 통해 제어하는 방법은 없을까요?

1

232

1

패키지 설치 시 퍼미션 에러

1

295

1

스토어를 왜 사용하는지 궁금합니다

0

236

1

node-sass 설치 오류

1

2055

2

Uncaught (in promise) TypeError 오류 질문

1

1182

2