inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Next.js 까보기: "쓸 줄 아는 개발자"에서 "알고 쓰는 개발자"로

template.tsx 는 언제 필요할까?

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

70

lokba.tree김상록

작성한 질문수 1

1

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

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

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

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

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

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

react typescript next.js

답변 1

0

Boaz

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

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

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

0

lokba.tree김상록

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

Next.js + Tanstack Query BFF 구조 질문

0

3

1

커서에서 shift+enter가 안됩니다.

0

15

1

mcp 설치를 못하겠어요

0

19

1

라이브러리 관련 질문 있습니다!

0

13

1

노션 학습 자료 권한 요청

0

10

1

output-styles은 Claude Code의 공식 기능이 아니라고 하는데 혹시 변경된걸까요?

0

17

2

Link 컴포넌트는 그러면 웬만하면 무조건 쓰는편이 좋은가요?

0

82

2

middleware.ts가 proxy.ts로 변경되고 실행 시점도 바뀌었다네요

1

242

2

PPR을 보고 오라고 하시는데

1

82

2

useInfiniteQuery promise와 react use 사용시 페이지 무한 로딩

0

59

1

강의에 언급된 영상 질문

0

70

2

next Request Memoization과 react cache

0

80

1

next.js 서버fetch 에러 fallback ui 구현 방법

0

197

2

필터옵션이 많은 페이지에서도 서버 fetch를 사용하는게 맞을까요??

0

88

2

서버 fetch suspense 로 감싸고 새로고침 시 잠시 빈 화면이 노출된 후 fallback ui가 노출됩니다.

0

82

1

template.tsx 에서 서버 fetch 후 클라이언트 컴포넌트로 넘겨주면 싱크가 맞는 이유

1

88

1

layout 컴포넌트 내 클라이언트 컴포넌트

0

84

2

게시판 리스트 작성할 때 use client를 어디서부터 붙여야할지 모르겠어요

0

89

1

'왜 Next.js 가 필요할까?(기술적인 등장 배경)' 에서 언급하는 영상들이 무엇일까요?

0

149

2

Parallel Route를 사용한 모달에 대해 질문이 있어요.

0

112

2

유튜브 영상과의 차이점 문의

0

235

1

template.tsx 가 SEO 에 주는 이점에 대한 질문

0

104

2

자동화 스크립트 관련하여 질문있습니다.

0

109

2

색션1 예제 코드 질문드립니다.

0

208

1