# ajax

54개의 포스트

TIL 2주차: Ajax

JSON은 Key:Value로 이루어져 있음. 자료형 Dictionary와 매우 유사함.ex)위 그림의 RealTimeCityAir라는 키 값에 딕셔너리형 value가 들어가있고, 그 안에 row라는 키 값에는 리스트형 value가 들어가있음.

약 11시간 전
·
0개의 댓글
post-thumbnail

[Spring] ajax 두개 이상의 객체 전송

현재 팀프로젝트 중에 게시글 목록을 구현하는데 있어 사용된 예시이다.카테고리를 탭으로 구성하여 각 탭을 누를 때 마다 해당 카테고리의 게시글들을 불러오려고 하는데 spring 책에서 배운 방법은 다음과 같았다.servcie의 getListWithPagingTabs()는

2020년 7월 24일
·
0개의 댓글

AJAX

"Asynchronous Javscript and XML"의 약자로 비동기적인 웹 제작을 위해, 정보 표현을 위한 HTML과 CSS, 동적인 화면 출력 및 표시 정보와의 상호작용을 위한 DOM, 자바스크립트 등의 기술 집합을 칭하는 용어이다(웹 개발 기법). AJAX

2020년 7월 18일
·
0개의 댓글

이벤트 흐름

요청을 보낸 후 응답(=결과)를 받아야지만 다음 동작이 이루어지는 방식이다.어떠한 일을 처리할 동안 다른 프로그램은 정지한다.실제 cpu가 느려지는 것은 아니지만 시스템의 전체적인 효율이 저하된다고 할 수 있다.요청을 보낸 후 응답(=결과)과는 상관없이 다음 방식이 동

2020년 7월 17일
·
0개의 댓글
post-thumbnail

[VanillaJS] #3 AJAX + FormData + dataset

Asynchronous Javascript and XML의 약어인 AJAX는 비동기적인 웹 서비스를 개발하기 위한 기법입니다. 페이지 새로고침없이 서버와의 요청, 응답을 통해 데이터를 주고 받습니다. 옛날에는 XML을 사용했지만 요즘에는 JSON형식의 데이터를 많이 사

2020년 7월 16일
·
0개의 댓글
post-thumbnail

JQuery AJAX

지옥의 Legacy CODE 아르바이트 업무 수행 중 JupyterHub에서 짜놓은 JQuery AJAX, 아르바이트 전임자가 짜놓은 JQuery, 아르바이트 전임자가 짜놓은 Fetch, 내가 짠 Fetch까지 해서 지옥의 LEGACY CODE를 유지보수하고 있다. 유

2020년 7월 13일
·
0개의 댓글
post-thumbnail

Fetch API

웹 개발을 할 때 ajax 통신을 자주 사용한다. ajax를 사용할 때 XHR, JQuery, Fetch 등의 선택지가 있지만 셋 다 사용해봤을 때 JQuery와 Fetch가 당연한 소리지만 압도적으로 좋은 것 같다. (생산성 측면에서) 앞으로 추세가 JQuery를 쓰

2020년 7월 11일
·
0개의 댓글
post-thumbnail

IM TIL #8 (Interaction with Server)

API를 활용해서 UI를 만드는 스프린트API (Application Programming Interface)\-> 프로그래밍 되어 있는 서버 애플리케이션과 의사소통 가능한 매개체UI (User Interface)\-> 유저가 웹서비스를 사용하게 끔 의사소통 가능한 매

2020년 7월 1일
·
0개의 댓글

[Flask] Server Data를 Client로 불러오기

📄app.py 📄common.js 📄index.html 문서 body에 articleBox라는 id값을 가진 영역을 만들어준다. 📄index.html 문서 head에 다음 script를 추가해준다. 이제 app.py를 구동하고 Chrome에서

2020년 6월 23일
·
0개의 댓글

[Flask] Client data를 Server DB에 저장하기

client로부터 data input을 받는 html 작성 client data를 server의 api로 넘겨주는 ajax 함수 작성 api를 통해 받은 client data를 server의 DB에 저장

2020년 6월 23일
·
0개의 댓글
post-thumbnail

AJAX 에 대하여

AJAX에 대해 간단하게 알아본 내용입니다

2020년 6월 21일
·
0개의 댓글

Save form file data to GCS using Django

Premise: A user wants to upload an audio file that is stored in her computer to a specific Google Cloud Server. Frontend HTML JS Create a form data

2020년 6월 17일
·
0개의 댓글

Ajax

Ajax : 좁은 의미로 클라이언트에서 서버가 비동기적으로 통신하는 기술. HTTP요청 시 XMLHttpRequest라는 개체를 생성하여 수행합니다.request 요청의 상태가 변할 때, readyState라는 플래그가 변하며, onreadystatechange라는 함

2020년 6월 13일
·
0개의 댓글

CORS와 Ajax

자바 스크립트는 서로 다른 도메인에 대한 요청을 보안상 제한합니다. 이 정책을 동일근원정책(Same-Origin Policy, SOP) 정책이라고 하며, 이러한 정책으로 인해 생기는 이슈를 'Cross-Domain'문제 라고 합니다.서로 다른 도메인에게 요청을 주고 받

2020년 6월 13일
·
0개의 댓글

SpartaCodingClub8기)2주차-ajax/jQuery/javascript

'환율보기'라는 버튼이 생겼다.누르면?실시간 환율정보를 받아와서 보여준다.ajax와 jquery에 대해서는 아직 제대로 이해하지 못했기 때문에😭 추후에 다시 돌아와서 설명을 덧붙이겠다.

2020년 6월 9일
·
0개의 댓글

Thymeleaf & Ajax 더보기 구현

Thymeleaf 로 최초 페이지 로딩시 보여줄 데이터를 그려주고. Ajax 를 활용하여 더보기 버튼을 누르면 비동기로 추가되는 페이지를 가져오도록 구현해봅니다.

2020년 6월 4일
·
0개의 댓글
post-thumbnail

Web Architecture

네이버를 켜서 검색창에 원하는 정보를 검색하고 실시간으로 오르내리는 검색어를 보는 것과 같은 일상 속 너무나도 당연한 일련의 과정들을 user, client, server와 같은 용어로 부분 부분을 나누어 어떤 역할을 하는지를 배우는 과정이 어렵고 혼란스러운 부분이

2020년 5월 31일
·
0개의 댓글

2020.05.20 개발일지

Instead of Bootstrap for css, bulma and tailwind are modern css styles. AJAX: 서버와 통신하기 위한 툴 (엔진) Client 'request' data Server 'respond' to client 'r

2020년 5월 21일
·
0개의 댓글

JPA AJAX,Pageable 이용하여 뿌리기

JPA로 리스트를 뿌려줄때 더보기 버튼을 활용하여 10개씩 뿌려주기 위해 page를 사용하였습니다. Repository JPA Reposiotry에 page대신 List를 통해 활용할 메서드를 작성하고 파라미터는 Pageable빼고 원하는 조건을 넣어준다. Lis

2020년 4월 27일
·
0개의 댓글