| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- 자바스크립트
- JWT
- JS
- Redux
- 큐넷
- 타입스크립트
- 백엔드
- useState
- 리액트
- 프론트엔드
- 수제비
- 정보처리기사 실기
- 정보처리기사
- Front-End
- spring
- TypeScript
- frontend
- security
- spring boot
- VUE
- JavaScript
- Node.js
- 스프링부트
- It
- 백엔드개발자
- 웹개발자
- spring boot security
- TS
- React
- Authentication
- Today
- Total
목록ajax (2)
솔적솔적
서버랑 통신하는 코드를 ajax로 짜다보면 여러 기능들이 추가적으로 필요해지게 되는데, 앞서 말했듯이 ajax성공 시와 실패시의 경우나 실패 시 몇초 후에 요청을 재시도 할 수도 있는 경우, 다음페이지 내용을 미리 가져오는 것이나, 몇초마다 자동으로 ajax가 생행되는 것들이 있다. 위의 기능들을 코드를 끄적끄적하여 만들 순 있지만 더 간편하게 할 수 없을까? 라고 생각한다면 그 방법은 있다. 바로 리액트 쿼리되시겠다. 리액트쿼리 라이브러리를 사용하면 위의 기능들을 더 쉽게 적은 코드로 구현이 가능하다. 이 React Query는 자주자주 사용되어지는 것이아니라, SNS나 돈거래소, (코인, 주식)이런 실시간데이터들을 계속 가져와야하는 경우 사용하는 게 좋다. 그럼 이 React Query를 사용해보자...
오늘은 리액트에서 Ajax의 요청방법은 어떻게 하나? 에대해서 알아보고자합니다만, 그전에 Ajax에 대한 개념과 Ajax를 사용하려할 때 알아야 할 요청방법들에 대해서도 살펴보도록 하겠습니다. 자, 그럼 먼저 오늘 목표로 하려하는 Ajax, 요녀석은 뭘까요? | Ajax 란? Ajax란 Asynchronous JavaScript and XML의 약자로 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지의 일부분만을 갱신할 수 있는 것입니다. Ajax를 이용하면 백그라운드 영역에서 서버와 통신하여, 그 결과를 웹 페이지의 일부분에만 표시할 수 있습니다. 예를들어, 홈페이지에 3영역으로 나눠져있습니다. 내가 검색하고 싶은 것을 검색할 수 있는 검색 영역, 검색해서 나오는 목록 수(조회영역) 검색해서 나온 목..