파일 업로드하고 썸네일 만들기에서 나는 무엇이 궁금했을까?

 

내 손목 통증의 원인

나는 이해가 안 되면 일단 쓰고 본다.

그래야 이해가 된다.

사실 며칠 동안 이걸 보면서 이해하려고 했으나 역시 나는 아날로그... 몸이 고생해야 지식을 얻는 사람이다.

쓰다보면 원래 당연히 있겠거니 하는 포인트가 머리에 안 들어온다.

그럴 때 검색을 해서 다시 한 번 더 이해하면 되는 것이다.

 

내가 여기에서 막힌 이유....

 

processData는 무엇일까? AJAX를 수박 겉핥기가 아닌 수박 꼭지를 보는 수준으로 배운 터라 그 하나 하나를 이해하지 못하고 살아왔다. 그래서 이번에 모르는 것을 채워가는 공부법으로 바꿨다.... 아주 긴 시간을 보내게 될 예정이다. ㅎㅎ

 

01. processData 란?

1. 기본 값은 True.
2. AJAX 통신으로 데이터를 전송.
3. Key와 Value를 Query String으로 변환해서 전송.
   데이터 값에 따라서 (key = value & key=value) or (key:value, key: valeue) 형식으로 전송
4. false로 설정하면 Query String으로 전송하지 않음.

02. contentType 란?

1. 서버에 데이터를 보낼 때 header에 있는 설정 값.
2. 설정하지 않으면 default 값으로 설정.
   application/x-www-form-urlencoded; charset=UTF-8
3. JSON 형태의 데이터로 전송할 경우
   header  : { "Content-Type" : "application/json" } 
   
4. request 값을 JSON 형태로 받을 경우
   JAVA → JSON.stringify(data);
   PHP  → JSON.parse(data);
   그렇게 하지 않으면 "key" : "value" 형태를 인식하지 못함.

03. url 인코딩?

1. application/x-www-form-urlencoded
   1) key = value & key = value 형식으로 데이터 전송. (GET 메소드로 전송하면 보는 익숙한 그것)
   2) request 처리하는 서버에서는 request body를 읽어 Map 형태로 변환.
   3) 반드시 body의 인코딩을 추가해야 함.
   4) 대용량 데이터 전송에는 비효율적인 방식
   
   
2. multipart/form-data
   1) 대용량 데이터 전송에 적합한 방식
   2) 웹 서버로 임의의 파일을 업로드하고자 할 때 사용.

 

 

출처(↓ 원출처 글쓴이들은 정말 능력자다...  무병장수하시고 좋은 정보 주셔서 정말 감삼다)

https://wickedmagic.tistory.com/596

[AJAX] 파일 업로드 하고 썸네일 생성하기

 

https://okayoon.tistory.com/entry/ajax-%EC%9D%B4%EC%8A%88-%ED%8C%8C%EB%9D%BC%EB%AF%B8%ED%84%B0-%EA%B0%92%EC%9D%B4-%EC%95%88-%EB%B3%B4%EB%82%B4%EC%A0%B8%EC%9A%94-processData

ajax 이슈, 파라미터 값이 안 보내져요. (processData)

https://thiago6.tistory.com/11

Ajax의 Content-Type

https://c10106.tistory.com/2225

application / x-www-form-urlencoded 또는 multipart / form-data?

https://afgman4.tistory.com/entry/HTTP-%EB%A9%94%EC%86%8C%EB%93%9C%EC%99%80-%ED%8F%BC-%EB%8D%B0%EC%9D%B4%ED%84%B0-%EC%A0%84%EC%86%A1

HTTP 메소드와 폼 데이터 전송

 

https://weicomes.tistory.com/10

application/x-www-form-urlencoded