5 라이프사이클 모듈화 - 질문
285
작성한 질문수 23
크게 3가지 정도 동작이 이상해서 문의 드립니다.
1) 강의 따라 입력하고 실행하다 보면 내가 입력한 코드가 자동으로 없어 지네요. 에러 나서 살펴보면 그래요
주로 import 로 시작하는 문장이구요 다른것두 있는지는 ...
2) 저장 세이브 하면 코드 뒤에 자동으로 세미콜론이 붙네요.
삭제해도 또 붙구요, 안 붙는 방법이 없을까요
또한 import { aaa, bbb} 라면 지가 맘대로 { bbb, aaa } 순으로 순서가 바뀌구요
또한 세로로 정렬이 되네요.
3) App.svelte 파일에서
{#if done} 로 해야 동작하네요
강의내용대로 $done 하면 안되구요
Something.svelte 파일에서는 $ 붙여야 하구요
세팅이 깨졌나요, 아님 다른 이유가 있는지 모르겠네요.
또한 동작이 좀 틀립니다. Hello Lifecycle! 는 변하지 않고 계속 보이구요. 코드가 틀린지 몰라 몇번이나 봐도 그건 아닌거 같구요
4) 올리신 코드는 Trello 코드 같은데 별도로
각 강의마다 했던 짧은 코드지만 파일로 올려주셨으면 조겠네요.
강의 화면 찾아가면서 비교하기 너무 힘들고 시간이 많이 걸리네요.
답변 1
0
<script>
import { delayRender, lifecycle } from "./lifecycle.js";
import Something from "./Something.svelte";
let done = delayRender();
lifecycle();
</script>
{#if done}
<h1>Hello Lifecycle!</h1>
{/if}
<Something />import {
afterUpdate,
beforeUpdate,
onDestroy,
onMount
} from "svelte"
import {
writable
} from "svelte/store"
export function lifecycle() {
onMount(() => {
console.log("Mounted?")
})
onDestroy(() => {
console.log("Before destroy?")
})
beforeUpdate(() => {
console.log("Before update?")
})
afterUpdate(() => {
console.log("After update?")
})
}
export function delayRender(delay = 3000) {
let render = writable(false)
onMount(() => {
setTimeout(() => {
// $render = true
console.log(render) // set, update, subscribe
render.set(true)
}, delay)
})
return render
}<script>
import { delayRender } from "./lifecycle.js";
let done = delayRender(1000);
</script>
{#if $done}
<h1>something...</h1>
{/if}
56강 4. 슬롯 포워딩이 Svelte 5 부터는 적용 불가
0
208
1
소스코드
0
268
1
스벨트킷 강의는 안해주시나요?
0
334
1
강의 소스 코드
1
657
2
aws ec2 배포시 질문
1
883
2
vite 사용하는 예시 추가 계획은 없으실까요?
2
444
1
터미널에서 npx를 치실 때 흐린색으로 가이드처럼 나오는건 어떻게 해야 하나요?
1
379
1
textarea에서 esc 키를 누를 때 오류
1
334
1
스벨트 반응성에 대해 질문드립니다!
1
470
1
백엔드는 어떻게 배우면 좋을까요?
1
305
1
scss를 사용하기 위한 sveltePreprocess() 실행 위치가?
1
394
1
보간한다는 뜻을 무슨 의미로 이해해야 하나요?
1
6128
2
[0:15] Vuejs 인라인 핸들러 비권장 설명
1
304
1
로그인 정보를 확인할 때
1
251
1
재렌더링 때 interval 처리 질문
1
287
1
7:10초 설명에 질문 있습니다.
1
268
1
:global() 에서 & 적용이 안되는거 같아요
2
298
1
promise 변수에 초기값 관련 질문입니다.
1
383
2
혹시 vue 처럼 classObject 객체를 통해 제어하는 방법은 없을까요?
1
232
1
onMount 응용해서 적용해보려고 하는데 오류가 나네요.
1
341
1
패키지 설치 시 퍼미션 에러
1
295
1
스토어를 왜 사용하는지 궁금합니다
0
236
1
node-sass 설치 오류
1
2055
2
Uncaught (in promise) TypeError 오류 질문
1
1186
2