# ajax
HTTP 통신 키워드 정리
사용자 입력을 자원을 서버에 요청하고 응답을 받아서 출력하는 역할웹 리소스를 파싱(Parsing) 후, 컴파일(Compile) 및 렌더(Render) 하는 런타임(Runtime) 환경웹 리소스 종류 : .html, .css, .js, .xml, .json 등웹 리소스를
[+62][기업협업]ajax/axios
Asynchronous Javascript And Xml(비동기식 자바스크립트와 xml) 의 약자.JavaScript의 라이브러리 중 하나.Javascript를 사용한 비동기 통신. 클라이언트와 서버간의 XML 데이터(브라우저가 가지고 있는 XMLHttpRequest
20.03.25(Wed) 스파르타코딩클럽 개발일지 2주차 리뷰 - (2) JQuery 기초, Ajax
HTML의 요소들을 조작하는, 편리한 Javascript를 미리 작성해둔 것. 라이브러리.jQuery는 Javascript와 별다른, 특별한 소프트웨어가 아니라 미리 작성된 Javascript 코드.이것은 JS : 길고 복잡하게 써야 하는 것을document.getEl
20.03.24(Tue) 스파르타코딩클럽 개발일지 2주차 리뷰 - (1) Javascript
일주일 동안 복습하다가 겨우 수업 시작 전날 과제를 제출했었다. 뼛속까지 문과사람이라 함수 이런 거 듣기만 해도 닭살이 돋는다. 코드컴뱃 게임을 해보면서 느낀게 용어에 대한 적응도 적응이지만 수학적인? 사고도 어느정도는 필요한 것 같다. ( 나는 아니.. 😂)그래도
[TIL] 35. Ajax (axios & fetch)
React와 React Native에서 API로 부터 데이터를 받아올 때 사용한다. axios 구형 브라우저를 지원한다. request aborting에 대한 방법을 제공한다. 응답 시간 초과를 설정하는 방법이 있다. JSON 데이터 자동변환이 가능하다. node.j
[스파르타코딩클럽 3주차 ] 2. OpenApi를 활용해서 Ajax로 데이터통신하기 연습!
랜덤으로 숫자를 입력하고 버튼을 클릭할때마다 그 의미를 알려주는 api를 활용한다.그리고 숫자가 입력되지 않았을때는 입력하라는 경고창을 띄운다. API 링크(http://numbersapi.com/\`\`\`html1.api의 url을 살펴보면 맨 마지막에 랜
[스파르타코딩클럽 3주차 ] 1. Ajax로 서버와 비동기 통신하기
드디어 스파르타코딩클럽 3주차, 백엔드 파트에 들어갔다. 다음주에 DB에 관한 것까지 배우면 이렇게 웹개발의 한 사이클을 (겉핧기식으로) 경험하게 된다. 이렇게 짧은시간동안 웹개발을 배울 수 있다고? 싶었는데 어찌어찌 배우게 되는구나 싶어서 좀 신기하다. 그리고 2주
[한줄요약] AJAX
Ajax(Asynchronous JavaScript and XML)는 자바스크립트를 이용해서 비동기적(Asynchronous)으로 서버와 브라우저가 데이터를 교환할 수 있는 통신 방식을 의미한다.찾아보니 두 줄짜린데 좀 어렵게 나와있다. 왜 이렇게 쓰는 걸까에 대해 생
[부스트코스]DB 웹앱 연결, 23)Ajax통신의 이해
이번 포스팅에서는 자바스크립트 Ajax통신의 이해 에 대해서 공부해보도록 하겠습니다.브라우저의 새로고침 없이 데이터를 얻어오는 방법이 있습니다.이는 사용자가 더 빠르게 변경된 데이터를 화면의 새로고침 없이 확인할 수 있는 방법으로 더 좋은 UX(User Experien
[부스트코스]DB 연결 웹앱, 22)Browser Event, Event object, Event handler
이번 포스팅에서는 자바스크립트 Browser Event, Event object, Event handler 에 대해서 공부해보도록 하겠습니다.어떤 영역을 마우스 클릭하거나, 화면을 스크롤 하거나 하는 작업에 따라서 브라우저는 반응합니다.이런 것들은 모두 브라우저가 Ev
AJAX
브라우저에서 페이지를 이동하지 않고 자바스크립트를 통해 HTTP Request를 보내고 받아 javascript로 처리할 수 있음.사용자에게 더 나은 사용 경험을 제공함.1\. AJAX를 위한 객체 생성const req = new XMLHttpRequest(); //
[스파르타 코딩클럽]나만의 웹서비스 만들기 "마이 레시픽" 6주차 - 레시피 데이터 listing - get방식 api 만들기
레시피 데이터 listing - get방식 api 만들기DB에 저장된 '공식레시피', '따라하기레시피' 데이터를 get방식으로 listing하는 api를 만들었다.ㄴ 나는 '공식레시피'와 '따라하기레시피'를 프론트단에서 분리하여 보여줄 것이기 때문에 category로
ajax) serialize()에 파라메터값 추가하기
회원의 타입에 따라 회원가입페이지도 다르고 데이터베이스 type 필드에 각각 회원의 타입을 insert해줘야하는데 어떤 방법으로 값을 넘겨줘야 할지 고민하다가 input type="hidden"을 사용하여서 db에 값을 넘겨주었다.submitHandler는 jquery
콜백 대신 동기로 ajax 호출하기
ajax 호출을 할 때 async-await는 이제 기본이겠죠? 하지만 IE를 지원해야 해야 하는데 babel, polyfill을 쓸 수 없다면..
Ajax 방식 ( fetch, axios ) - 네트워크 study5
1. Ajax 란? AJAX (Asynchronous Javascript And Xml) JavaScript를 사용한 비동기 통신, 클라이언트와 서버간에 XML 데이터를 주고받는 기술. XMLHttpRequest 객체를 이용해서 전체 페이지를 리로드하지 않고 필요한 데이터를 로드할 수 있음. image.png (출처 : 위키백과) ajax이전과 이...
[Web Architecture] Client, Server, API…
먼저 일반적으로 우리가 웹페이지에 관련해서 들어본 단어들이라면 서버, 브라우저, http 등이 있습니다. 각자 어떤 일을 하는지 짐작이 가지만, 이러한 단어들이 어떠한 역할을 하고 서로 어떠한 연관이 있는지를 정리를 해보겠습니다. 출처: http://www.cs.trincoll.edu/hfoss/wiki/FO9Notes:Three-TieredWebArch...