• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

라우터 네비게이션 적용 시 깜빡거림 현상에 대한 대처법이 있을까요?

22.03.30 15:49 작성 조회수 462

1

질문이 있습니다.

라우터 네비게이션 적용시 깜빡거리는 현상이 발생합니다.

강의 화면에도 잘 보시면 두번 깜빡거립니다.

클릭하는 순간 이미 데이터가 나오고 잠깐 사라졌다가 다시 나옵니다.

강사님이 강의하시는 영상에도 그렇게 나옵니다.

오히려 라우터네비게이션이 없을 때는 스피너와 함께 정상처럼 나오는데 이 문제는

transition 때문에 그런 것 같긴 하네요. transition 2s 로 늘려놓고 하면 정확히 더 그렇게 깜빡임이 확실히 구현되네요.

1. 데이터가 출력됐다가

2. 스피너가 종료되고

3. 다시 그 이후에 트랜지션이 동작되어 사라졌다가

4. 다시 데이터가 출력되어

위의 과정을 연속적으로 보면 데이터가 두번 출력되는 것처럼 깜빡입니다.

network에 slow 3g로 안하더라도..

그렇다면 이건 transition을 사용하지 않고 빼야하나요? 아님 다른 방법이 있을까요?

 

강의 영상 돌려보시면 

"[실습] 라우터 네비게이션 가드 실습 및 스피너 종료 시점 변경"

영상 보시면 클릭하는 순간 데이터가 나왔다가 아주 찰나에 하얗게 되었다가 다시 나옵니다.

 

 

답변 1

답변을 작성해보세요.

0

안녕하세요 요정님, 깜빡거림이 문제신거라면 라우터 네비게이션 가드에서 데이터를 모두 준비해 놓고 페이지에 진입하시면 됩니다. 깜빡거림이 트랜지션 효과와는 관계가 없을 거예요!