[JS] 로딩 화면 만들기

안녕하세요. 오늘은 로딩화면 만들기 입니다.

웹 페이지를 만들었을 때 로딩이 느린경우가 있는데요

화면상 아무것도 표시를 안해주면 실행중인건지 멈춘건지 알 수 없어요.

파라미터로 값을 넘길때나 FORM으로 이동 또는 AJAX를 사용할때 로딩화면 표출해주면 좋을 것 같아요

 

---

 

---

Result에 로딩 버튼을 눌러보면 로딩화면이 보이는 것을 알 수 있습니다.

샘플로 만드느라 버튼을 눌렀을때 로딩이 걸리고, 1초뒤에 로딩이 풀리게 구현하였고,

실제 웹페이지에 적용할 때 레이아웃에 적용해주면 모든 페이지에 사용가능합니다.

 

 

---

공부하면서 유용했던 부분 메모겸 공유하고자 끄적입니다.

고쳐야하는 부분있다면 댓글 남겨주시면 수정하겠습니다.

행복한 하루 보내세요 (❁´◡`❁)