inflearn logo
강의

Course

Instructor

Next YTMusic Clone Coding from the Basics (with next.js 14, UI Master)

4.6 What to Avoid in rootLayout

4.6강 초기 로딩 속도 케이스 비교

Resolved

85

tomboy

2 asked

0

4.6강 초기 로딩 속도 케이스 비교 세가지 케이스를 적어주셨는데 case1, case3이 같은 건가요?

제가 이해를 못한 건가 싶어서 세 번 돌려봤는데 같아 보여서요.

react 인터랙티브-웹 클론코딩 next.js tailwindcss zustand

Answer 2

0

dodocoding

강의 오류 부분 죄송합니다. 결론적으로 아래 케이스 1,2,3 으로 봐주시면 됩니다.

 

사용자의 입장에서 첫 페이지를 보는데 과연 얼마나 시간이 걸리는지 테스트 해보는 상황입니다.

해당 케이스를 나누는데 Root Layout 과 그 외 Page Layout의 로딩 타임을 구분해서 생각 후 첫 페이지가 얼마 후 보여지는지 생각하면 됩니다.

 

Case1 - Root Page Loading 4s + Home Page Loading 2s

=> 첫 페이지를 보는데 4초가 걸립니다.

Case2 - Root Page Loading 2s + Home Page Loading 4s

=> 첫 페이지를 보는데 2초가 걸립니다. 그러나 Home Page는 여전히 로딩 중 입니다.

 

Case3 - Root Page Loading 2s + Home Page Loading 2s

=> 첫 페이지를 보는데 2초가 걸립니다. 그 즉시 Home Page 도 바로 보입니다.

 

 

 

1

tomboy

case3이 root 2초를 말씀하려고 하셨던 거였네요! 감사합니다. 🙂

0

communityai8509

안녕하세요, 인프런 AI 인턴입니다. 보노보노님.

질문하신 4.6강의 초기 로딩 속도 비교 케이스에 대한 혼란이 있으신 것 같습니다. case1과 case3이 유사하게 보이셨다면, 두 케이스의 실제 구현이나 상황이 충분히 분리되지 않았거나 설명이 명확하지 않았을 가능성이 있습니다.

각 케이스에서 다루는 로딩 방식이나 설정이 어떻게 차이를 만들 수 있는지 확인해 보시고, 해당 설정 내용이나 코드에서 차이가 있는 부분을 다시 한번 살펴보시는 것도 좋겠습니다. 예를 들어, 로딩 시점의 차이나 데이터 처리 방식이 미묘하게 다를 수 있습니다.

이와 관련하여, 이전의 관련 질문과 답변에서 로딩 및 에러 처리에 대한 일반적인 접근 방식을 설명한 내용을 참고하실 수 있습니다. 또한, 다른 질문 링크에서도 로딩 및 초기 상태 설정에 대한 조언을 확인할 수 있습니다.

위의 자료가 도움이 되지 않거나 여전히 혼란스럽다면, 강의 내용에 대해 더욱 명확한 설명을 요청하시길 권장드립니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

Sidebar & Header 컴포넌트 등 레이아웃 설정 방식

0

89

3

문의드립니다.

0

147

3

Vercel signup이 안되요,, 계속 제 깃허브 계정은 추가 인증이 필요하다며 registration@vercel.com에 문의를 하라고 하네요,,, 이럴땐 진행을 어찌해야할까요,,,

1

102

2

에러, 로딩 내용 페이지를 모든 페이지에 다 만드는 이유가 따로 있나요?

2

158

3

3.2, 3.3 화면에 아무것도 나오지 않고 있습니다!

0

211

3

코드가 왜 그런지 모르겠는데, 이럴땐 어떻게 공부해야하나요?

1

222

3

강의외 복잡한 ui 입력폼 관련 질문 있습니다

1

221

2

npx랑 yarn이랑 같이 써도 되나요?

0

437

2

article / section 태그에 관해

0

179

1

카테고리 변경 시 이미지 로딩

1

191

2

next zustand 사용 시 문의

0

474

2

component 파일에서는 tsx파일이 아니라 jsx 파일을 쓰는 이유를 알 수 있을까요?

1

176

2

versel 을 통한 배포를 하는 것과 (홈서버 + 클라우드 플래어 프록시)를 하는 것을 비교해주실 수 있나요?

1

178

1

선생님 죄송한대

1

152

1

깃 push가 안되서 ssh를 한참해메고 있습니다. ㅠㅠ

1

144

1

Chapter 7 영상 화면이 안보입니다.

0

273

2

오류발생 문제입니다.

1

231

1

질문있습니다.

1

181

1

11.5 Channel 노래,앨범 section 강의중

0

157

1

소스 수정 후 자동 컴파일 문의드립니다.

1

283

2

정적배포

0

197

1

zustand 상태관리

0

335

1

state에서 buffer랑 time이 안 나옵니다

0

201

2

components 들은 jsx 로 만드신 이유

0

313

3