Inflearn brand logo image

인프런 커뮤니티 질문&답변

보노보노님의 프로필 이미지
보노보노

작성한 질문수

기초부터 배우는 Next YTMusic 클론 코딩 (with next.js 14, UI 마스터)

4.6 rootLayout 에서 피해야 할 것

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

해결된 질문

작성

·

37

0

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

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

답변 2

0

도도(코딩루팡)님의 프로필 이미지
도도(코딩루팡)
지식공유자

강의 오류 부분 죄송합니다. 결론적으로 아래 케이스 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 도 바로 보입니다.

 

 

 

보노보노님의 프로필 이미지
보노보노
질문자

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

0

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

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

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

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

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

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

보노보노님의 프로필 이미지
보노보노

작성한 질문수

질문하기