Notice
반응형
Recent Posts
250x250
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- SCIPRT
- npm
- input
- 응용SW
- 이클립스
- Oracle
- jsp
- 정처산기
- react
- BREW
- googleCharts
- 병행프로세스와 상호배제
- SQL
- 붙여넣기방지
- script
- txs
- js
- TSX
- node
- IntelliJ
- Eclipse
- java
- php version
- createBro
- html
- 이미지용량제한
- CSS
- googleChart
- 책추천
- 이론
Archives
- Today
- Total
목록Loading (1)
반응형
개발하자
[JS] 로딩 화면 만들기
안녕하세요. 오늘은 로딩화면 만들기 입니다. 웹 페이지를 만들었을 때 로딩이 느린경우가 있는데요 화면상 아무것도 표시를 안해주면 실행중인건지 멈춘건지 알 수 없어요. 파라미터로 값을 넘길때나 FORM으로 이동 또는 AJAX를 사용할때 로딩화면 표출해주면 좋을 것 같아요 Result에 로딩 버튼을 눌러보면 로딩화면이 보이는 것을 알 수 있습니다. 샘플로 만드느라 버튼을 눌렀을때 로딩이 걸리고, 1초뒤에 로딩이 풀리게 구현하였고, 실제 웹페이지에 적용할 때 레이아웃에 적용해주면 모든 페이지에 사용가능합니다. 공부하면서 유용했던 부분 메모겸 공유하고자 끄적입니다. 고쳐야하는 부분있다면 댓글 남겨주시면 수정하겠습니다. 행복한 하루 보내세요 (❁´◡`❁)
TECH STACKS/JSP︲HTML ︲CSS ︲SCRIPT
2023. 12. 28. 11:47