부트스트랩 사이드바 새로고침시 잔상 질문

Question

부트스트랩 탬플릿으로 사이드바를 만들었는데

사이드바가 아코디언 형식이거든요

메뉴를 펼쳐서 선택하면 해당 페이지로 로딩되면서

새로운 페이지로 넘어가는데

이때 새로고침 되면서 사이드바가 펼쳐졌다가 다시 접히는 현상이 생깁니다.

그래서 정말 짧게 순간적으로 잔상이 생기는데

이런 오류? 는 뭐때문에 생기는걸까요

Answer 1

안녕하세요.

우선, 개발자도구로

새로운 페이지 넘어가실때 elements창에서 문제가 되는 부분을 확인하시고,

그 부분에 대하여 기능에 문제가 없다면 ui상에서 가리거나 / 지워주는 수정이 진행되어야 할 것 같습니다.

jQuery라면 removeClass혹은 hide를 찾아보시고

javaScript로 작성되어있다면 classList.remove 등으로 제어하시면 해결 되실 것 같습니다.

[ jQuery - removeCLass 에 관한 jQuery APi 문서]

https://api.jquery.com/removeclass/

[ javascript - classList.remove 에 관한 mdn 참고 문서]

https://developer.mozilla.org/ko/docs/Web/API/Element/classList

Answer 2

안녕하세요.

화면이 새로고침 됐을 때 사이드바가 펼쳐졌다가 다시 접히는 현상인데, 사이드바가 처음에 펼쳐졌다면 css나 html에서 펼쳐보이게 설정되어 있다가 js에서 접었을 수도 있습니다.

html은 아래처럼 "show"가 들어가 있으면 안되고, css는 기본적으로 펼쳐보이지 않게 되어 있지만 custom을 진행하면서 변경했는지 확인이 필요합니다.

... <!-- class에 "collapse show"로 되어 있는데 "show"를 제거해야 합니다. <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample"> <div class="card-body"> Some placeholder content for the first accordion panel. This panel is shown by default, thanks to the <code>.show</code> class. </div> </div> ...

Answer 3

3년차 웹개발자입니다.

언어 공부가 프로그램에 절반이상을 차지해서 처음 배우실때 확실하게 배우는것을 추천드립니다.

하다가 다시 공부하면 헷갈리기만해요ㅠㅠ

추천언어는 없어요...

일단 자신한테 맞는것이 먼저 파악해야되요

크게보면

프론트엔드 : html ,css , jquery

백엔드 : java , c , c++ , c# , 루비 , 파이썬 등등등

둘중에서 하나 맞는것이 있다면 그쪽을 전문적으로 하시면 될거에요

아! 물론 풀스택개발자가 되시려면 두개다 마스터하셔야됩니다.

제가 봤을때 전망은 둘다 너무 좋아요...

현재 둘다 모셔갑니다.(실력만 된다면)

정말이에요...

도움이 되셧다면 채택 부탁드려요!