template 동작 흐름에 대해서 질문 있습니다.

Diving into Next.js: From a "Developer Who Can Use It" to a "Developer Who Understands It"

When would template.tsx be needed?

Written on

Edited

안녕하세요. boaz님!!!
강의 잘 수강하고 있습니다.

template.tsx 는 언제 필요할까? 강의에서 한가지 질문있습니다.

네비게이션이 발생한 경우 template.tsx는 re-render가 발생해 fiber 노드가 새롭게 생성되어 상태가 초기화된다.

👆
네비게이션이 발생한 경우 template.tsx는 서버 단계에서 re-render가 발생하고, 클라이언트 단계에서 fiber 노드는 새롭게 생성(= re-mount)되어 상태가 초기화된다.

상태가 초기화되는 부분은 re-render가 아니라 re-mount 가 정확한 표현이지 않는지 궁금합니다.

강의 항상 잘 듣고 있습니다. 감사합니다.

reacttypescriptnext.js

Answer 1

Boaz

Instructor

표현 자체로는 re-mount가 더 정확합니다.
말씀하신 것처럼 상태가 초기화되는 건 re-render가 아니라,
기존 fiber를 버리고 컴포넌트를 다시 mount하기 때문이어요.

다만 강의에서는
“네비게이션이 발생하면 template가 다시 그려진다”는
전체 흐름을 빠르게 이해시키기 위해
re-render라는 표현을 사용했습니다.
구조를 단순하게 전달하기 위한 표현이었다고 볼수 있을것 같아요.

더 정확한 표현 다시한번 짚어주셔서 감사합니다. 🤗

lokbatree7589

Questioner

답변 감사합니다. boaz 님 🙇‍♂

Inflearn Community Q&A

template 동작 흐름에 대해서 질문 있습니다.