버튼 클릭 로딩바1

• 

  로딩바 만들기 (버튼 클릭 / html, css, 제이쿼리, 스프링 부트) 로딩바 만들기 버튼 클릭시 로딩바를 만들어야 하는 상황이 있었습니다. 아래의 그림처럼, 정보를 입력하고, 전송 버튼을 누르면 데이터를 서버에서 전송하고, 결과를 서버에서 전송받는 시간에 로딩바를 출력해줘야합니다. (로딩 시간이 늦으면 늦을수록 더 필요한 기능일 겁니다.) 이럴때 필요한 로딩바를 만들어 보겠습니다. 시간이 없으신 분들은 복사/붙여넣기 해도 동작될 겁니다. 제이쿼리 추가 및 코드 추가 먼저 제이쿼리를 사용해야하기 때문에 아래의 스크립트로 제이쿼리를 추가합니다. 제이쿼리가 다소 무겁다고 하긴 하지만 순수 자바스크립트로 짜는 것보다 간편하고 명확합니다. (둘중 하나만 추가 하시면 됩니다.) 그리고 아래의 스크립트를 추가해줍니다. 코드의 내용을 간단히 설명하자면, loding 이라는 id를 가진 .. 개발 언어/자바 스크립트 java script 2020. 8. 19.