# ajax

29개의 포스트

HTTP 통신 키워드 정리

사용자 입력을 자원을 서버에 요청하고 응답을 받아서 출력하는 역할웹 리소스를 파싱(Parsing) 후, 컴파일(Compile) 및 렌더(Render) 하는 런타임(Runtime) 환경웹 리소스 종류 : .html, .css, .js, .xml, .json 등웹 리소스를

5일 전
·
0개의 댓글
post-thumbnail

SOP, CORS

sop, cors

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

20200330 TIL

20200330 TIL

2020년 3월 30일
·
0개의 댓글
post-thumbnail

Ajax

ajax

2020년 3월 30일
·
0개의 댓글

[+62][기업협업]ajax/axios

Asynchronous Javascript And Xml(비동기식 자바스크립트와 xml) 의 약자.JavaScript의 라이브러리 중 하나.Javascript를 사용한 비동기 통신. 클라이언트와 서버간의 XML 데이터(브라우저가 가지고 있는 XMLHttpRequest

2020년 3월 29일
·
0개의 댓글
post-thumbnail

20.03.25(Wed) 스파르타코딩클럽 개발일지 2주차 리뷰 - (2) JQuery 기초, Ajax

HTML의 요소들을 조작하는, 편리한 Javascript를 미리 작성해둔 것. 라이브러리.jQuery는 Javascript와 별다른, 특별한 소프트웨어가 아니라 미리 작성된 Javascript 코드.이것은 JS : 길고 복잡하게 써야 하는 것을document.getEl

2020년 3월 25일
·
0개의 댓글
post-thumbnail

20.03.24(Tue) 스파르타코딩클럽 개발일지 2주차 리뷰 - (1) Javascript

일주일 동안 복습하다가 겨우 수업 시작 전날 과제를 제출했었다. 뼛속까지 문과사람이라 함수 이런 거 듣기만 해도 닭살이 돋는다. 코드컴뱃 게임을 해보면서 느낀게 용어에 대한 적응도 적응이지만 수학적인? 사고도 어느정도는 필요한 것 같다. ( 나는 아니.. 😂)그래도

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

[TIL] 35. Ajax (axios & fetch)

React와 React Native에서 API로 부터 데이터를 받아올 때 사용한다. axios 구형 브라우저를 지원한다. request aborting에 대한 방법을 제공한다. 응답 시간 초과를 설정하는 방법이 있다. JSON 데이터 자동변환이 가능하다. node.j

2020년 3월 24일
·
0개의 댓글
post-thumbnail

[스파르타코딩클럽 3주차 ] 2. OpenApi를 활용해서 Ajax로 데이터통신하기 연습!

랜덤으로 숫자를 입력하고 버튼을 클릭할때마다 그 의미를 알려주는 api를 활용한다.그리고 숫자가 입력되지 않았을때는 입력하라는 경고창을 띄운다. API 링크(http://numbersapi.com/\`\`\`html1.api의 url을 살펴보면 맨 마지막에 랜

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

[스파르타코딩클럽 3주차 ] 1. Ajax로 서버와 비동기 통신하기

드디어 스파르타코딩클럽 3주차, 백엔드 파트에 들어갔다. 다음주에 DB에 관한 것까지 배우면 이렇게 웹개발의 한 사이클을 (겉핧기식으로) 경험하게 된다. 이렇게 짧은시간동안 웹개발을 배울 수 있다고? 싶었는데 어찌어찌 배우게 되는구나 싶어서 좀 신기하다. 그리고 2주

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

[한줄요약] AJAX

Ajax(Asynchronous JavaScript and XML)는 자바스크립트를 이용해서 비동기적(Asynchronous)으로 서버와 브라우저가 데이터를 교환할 수 있는 통신 방식을 의미한다.찾아보니 두 줄짜린데 좀 어렵게 나와있다. 왜 이렇게 쓰는 걸까에 대해 생

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

20200313 TIL

20200313 TIL

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

[부스트코스]DB 웹앱 연결, 23)Ajax통신의 이해

이번 포스팅에서는 자바스크립트 Ajax통신의 이해 에 대해서 공부해보도록 하겠습니다.브라우저의 새로고침 없이 데이터를 얻어오는 방법이 있습니다.이는 사용자가 더 빠르게 변경된 데이터를 화면의 새로고침 없이 확인할 수 있는 방법으로 더 좋은 UX(User Experien

2020년 3월 12일
·
0개의 댓글

[부스트코스]DB 연결 웹앱, 22)Browser Event, Event object, Event handler

이번 포스팅에서는 자바스크립트 Browser Event, Event object, Event handler 에 대해서 공부해보도록 하겠습니다.어떤 영역을 마우스 클릭하거나, 화면을 스크롤 하거나 하는 작업에 따라서 브라우저는 반응합니다.이런 것들은 모두 브라우저가 Ev

2020년 3월 12일
·
0개의 댓글

AJAX

브라우저에서 페이지를 이동하지 않고 자바스크립트를 통해 HTTP Request를 보내고 받아 javascript로 처리할 수 있음.사용자에게 더 나은 사용 경험을 제공함.1\. AJAX를 위한 객체 생성const req = new XMLHttpRequest(); //

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

[스파르타 코딩클럽]나만의 웹서비스 만들기 "마이 레시픽" 6주차 - 레시피 데이터 listing - get방식 api 만들기

레시피 데이터 listing - get방식 api 만들기DB에 저장된 '공식레시피', '따라하기레시피' 데이터를 get방식으로 listing하는 api를 만들었다.ㄴ 나는 '공식레시피'와 '따라하기레시피'를 프론트단에서 분리하여 보여줄 것이기 때문에 category로

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

ajax) serialize()에 파라메터값 추가하기

회원의 타입에 따라 회원가입페이지도 다르고 데이터베이스 type 필드에 각각 회원의 타입을 insert해줘야하는데 어떤 방법으로 값을 넘겨줘야 할지 고민하다가 input type="hidden"을 사용하여서 db에 값을 넘겨주었다.submitHandler는 jquery

2020년 2월 10일
·
0개의 댓글

콜백 대신 동기로 ajax 호출하기

ajax 호출을 할 때 async-await는 이제 기본이겠죠? 하지만 IE를 지원해야 해야 하는데 babel, polyfill을 쓸 수 없다면..

2020년 2월 2일
·
0개의 댓글

Ajax 방식 ( fetch, axios ) - 네트워크 study5

1. Ajax 란? AJAX (Asynchronous Javascript And Xml) JavaScript를 사용한 비동기 통신, 클라이언트와 서버간에 XML 데이터를 주고받는 기술. XMLHttpRequest 객체를 이용해서 전체 페이지를 리로드하지 않고 필요한 데이터를 로드할 수 있음. image.png (출처 : 위키백과) ajax이전과 이...

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

[Web Architecture] Client, Server, API…

먼저 일반적으로 우리가 웹페이지에 관련해서 들어본 단어들이라면 서버, 브라우저, http 등이 있습니다. 각자 어떤 일을 하는지 짐작이 가지만, 이러한 단어들이 어떠한 역할을 하고 서로 어떠한 연관이 있는지를 정리를 해보겠습니다. 출처: http://www.cs.trincoll.edu/hfoss/wiki/FO9Notes:Three-TieredWebArch...

2019년 12월 31일
·
0개의 댓글