기록
ajax, axios, fetch, formdata, json 등 본문
회사에서 사용 중인 php, jquery와 혼자 복습 중인 react, node.js로 이미지 데이터 주고 받는 공부를 하고 있는데
헷갈리는 개념들이 있어서 그 부분을 복습하려고 한다.
form data에 대한 자세한 설명
https://2ham-s.tistory.com/307
[JavaScript]Form Data란?
FromData란 ajax로 폼 전송을 가능하게 해주는 FormData 객체입니다. 보통은 Ajax로 폼(form 태그) 전송을 할 일이 거의 없습니다. 주로 JSON 구조로 "KEY-VALUE" (키와 값) 구조로 데이터를 전송합니다. 하지만
2ham-s.tistory.com
폼에 입력한 enctype이란, HTTP 헤더의 내용 중 Content-type을 수정하는 것 입니다.
...
파일 전송 시 enctype은 multipart/form-data로
text값으로 이루어진 영,숫자는 application/x-www-form-urlencoded type으로 보내는게 효율적입니다.
http multipart/formdata
https://lena-chamna.netlify.app/post/http_multipart_form-data/
HTTP multipart/form-data 이해하기
Understanding about HTTP multipart/form-data
lena-chamna.netlify.app
파일 업로드를 구현할 때, 클라이언트가 웹브라우저라면 폼을 통해서 파일을 등록해서 전송하게 되는데, 이때 웹 브라우저가 보내는 HTTP 메시지는 Content-Type 속성이 multipart/form-data로 지정된다고 함.
axios 특징
https://tuhbm.github.io/2019/03/21/axios/
Axios를 사용하여 HTTP요청하기
Axios소개Axios는 HTTP통신을 하는데 매우 인기있는 Javascript라이브러리입니다. Axios는 브라우저와 Node.js 플랫폼에서 모두 사용할 수 있습니다. 또한 IE8이상을 포함한 모든 최신 브라우저를 지원합니
tuhbm.github.io
- 자동으로 json 데이터 형식으로 변환해줌
ajax, axios, fetch 특징 정리
https://lily-im.tistory.com/15
[Javascript] Ajax와 axios?
- 기존 정보에 잘못된 부분들이 있어 전반적으로 내용을 수정했습니다. JS에서 비동기 http 통신을 위한 방법은 대표적으로 3개(Ajax, Axios, fetch)가 있습니다. 그 중 많이 사용되는 Ajax와 axios를 중점
lily-im.tistory.com
자바스크립트의 비동기 http 통신 방법 3가지
ajax: 비동기 자바스크립트 XML
xml or json 형식으로 데이터를 전송
axios: promise 기반 http 통신 라이브러리
fetch: 자바스크립트 내장 라이브러리
'TIL*' 카테고리의 다른 글
| JavaScript immutability & TypeScript Enum (0) | 2021.11.24 |
|---|---|
| JavaScript &TypeScript & 언어번역프로그램 (0) | 2021.11.23 |
| ! [rejected] master -> master (non-fast-forward) 에러 (0) | 2021.07.30 |
| FTP-simple 대신 raidrive 이용하기 (0) | 2021.07.29 |
| user agent (0) | 2021.07.28 |
