일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
- Spring
- JPA
- mysql
- 비동기
- kibana
- Callback
- 파이썬
- 자바스크립트
- logstash
- 스프링부트
- 스프링
- 동기
- querydsl
- filebeat
- javascript
- 알고리즘
- DB
- spring boot
- oracle
- springboot
- 백준
- 자바
- crud
- 코딩테스트
- 백엔드
- elk
- mybatis
- Java
- jQuery
- ajax
- Today
- Total
목록ajax (3)
샘오리_개발노트
아래는 JSON 객체 구조의 배열이다. JSON 구조는 아래와 같은 특징이 있다. 이름과 값의 쌍으로 이루어짐 예를 들어 아래와 같은 것이다. 이름: 홍길동 나이: 20 성별: 남자 파이썬의 Dictionary와도 비슷한데 차이점은 JSON 같은 경우 데이터를 담아서 전달하는데 그치지만 Dictionary는 실제로 메모리에 저장되는 객체이다. 아무튼 비즈니스에서는 종종 아래와 같이 JSON 구조의 객체배열을 넘겨줄 때가 있는데 let objArr = [ { sno: '1', paramCode: '0101', dateTime: '2023-12-07 11:46:57.000000' }, { sno: '2', paramCode: '0102', dateTime: '2023-12-07 11:47:00.000000'..
아래 코드는 로딩중을 나타내기 위한 html 코드이다. 아래는 jQuery ajaxSetup을 통해 loading spinner 언제 보여주고 숨기는지 세팅해놓은 js 코드이다. jQuery.ajaxSetup({ beforeSend: function () { $('#loading_spinner').show(); }, complete: function () { $('#loading_spinner').hide(); } }); 아래는 css 코드로 기본적으로 loading spinner를 숨겨놓고 위치를 조정해주며 spinner가 뱅글뱅글 돌도록 만들어주는 코드이다. #loading_spinner{ display: none; position: absolute; left: 50%; top: 50%; z-inde..
클라이언트는 서버에 다양한 요청을 날리게 되고 서버는 그러한 요청이 올바른 요청인지 확인을 거치고 응답을 하게 된다. 이러한 요청과 응답이 세트로 일어날 때 크게 두가지 방식으로 진행되는데 하나는 동기이고 하나는 비동기이다. 동기는 화면이 갱신된다는 특징이 있고 비동기는 화면 갱신 없이, 즉, 새로고침없이 응답을 페이지에 노출시킬 수 있다는 특징이 있다. 그리고 새로고침없이 응답을 view에 뿌려주는 작업을 해주는 대표적인 자바스크립트 라이브러리가 Ajax이다. Ajax 는 Asynchronous Javascript And Xml의 약자이다. JavaScript를 사용한 비동기 통신, 클라이언트와 서버간에 XML 데이터를 주고받는 기술인 셈이다. 이 Ajax를 사용하는 이유는 단순히 view단에 뿌려줄 ..