setTimeout() VS tick() 처리로직 과 `범용성`에 관한 질문 입니다
아래 Wondam Jung 님 질문에서 정리 해 주신글 잘 보았습니다. 댓글로 질문을 남기려다 관련성이 떨어진다 싶어 새로 질문을 작성했는데요,
저는 `tick()` 적용하시리라 생각했는데 setTimeout 은 의외적으로 느껴졌습니다.
- 컴포넌트 외부에서는 tick() 처리를 하지 않으신 이유를 알수 있을까요?
(tick() 처리가 효율적이지 않아서일까요?? 아니면 다른 문제가 있는건지...)
그리고, - setTimeout 처리 방식을 다른 라이브러리같은
Vue 나 React 의 경우에도 사용이 가능하겠지요?
(내부적으로 처리되게 하는 방식이 있겠지만요..)
읽어주셔서 감사합니다.
답변 2
1
찾아보니 엄청 골이 깊은 내용이군요..
답변 감사합니다🙂
알려주신 process.nextTick.js 에 관한 글 공유합니다.
Outsider's Dev Story - process.nextTick() 이해하기
1
이유는 아주 간단합니다.
tick은 Svelte 데이터의 화면 갱신(반응성) 이후 처리에 관한 기능이고,
setTimeout은 기본 콜 스택 지연 실행에 관한 활용입니다.
물론 tick 내부 구현도 setTimeout을 활용하는 등 원리는 비슷합니다만,
서로 목적이 다르다고 이해하시면 쉬울 듯합니다.
setTimeout을 활용한 처리 방법은 Vue, React와는 전혀 상관없이 필요한 곳에서 마음껏 사용하시면 됩니다.
사실 setTimeout 활용도 개념 설명이 쉬운 편이라 강의에서 사용하지만,
살짝 구식이라 다음 링크의 코드를 참고해 보시면 좋을 듯합니다.
56강 4. 슬롯 포워딩이 Svelte 5 부터는 적용 불가
0
211
1
5 라이프사이클 모듈화 - 질문
0
287
1
소스코드
0
271
1
스벨트킷 강의는 안해주시나요?
0
340
1
강의 소스 코드
1
664
2
aws ec2 배포시 질문
1
889
2
vite 사용하는 예시 추가 계획은 없으실까요?
2
448
1
터미널에서 npx를 치실 때 흐린색으로 가이드처럼 나오는건 어떻게 해야 하나요?
1
384
1
textarea에서 esc 키를 누를 때 오류
1
338
1
스벨트 반응성에 대해 질문드립니다!
1
476
1
백엔드는 어떻게 배우면 좋을까요?
1
308
1
scss를 사용하기 위한 sveltePreprocess() 실행 위치가?
1
400
1
보간한다는 뜻을 무슨 의미로 이해해야 하나요?
1
6165
2
[0:15] Vuejs 인라인 핸들러 비권장 설명
1
309
1
로그인 정보를 확인할 때
1
255
1
재렌더링 때 interval 처리 질문
1
288
1
7:10초 설명에 질문 있습니다.
1
271
1
:global() 에서 & 적용이 안되는거 같아요
2
301
1
promise 변수에 초기값 관련 질문입니다.
1
387
2
혹시 vue 처럼 classObject 객체를 통해 제어하는 방법은 없을까요?
1
234
1
onMount 응용해서 적용해보려고 하는데 오류가 나네요.
1
345
1
패키지 설치 시 퍼미션 에러
1
302
1
스토어를 왜 사용하는지 궁금합니다
0
240
1
node-sass 설치 오류
1
2062
2