# Content-Type

20개의 포스트

postman body 입력시

postman에서 body를 보내는데 계속 body가 빈 객체로 넘어오는것이다.. 아래와 같이 헤더를 설정해주고 body는 row에서 쌍따옴표를 붙여야한다.

2023년 8월 26일
·
0개의 댓글
·

application/x-www-from-urlencoded 와 application/json

블로그 프로젝트를 하던 와중 타임리프로 이루어진 회원가입페이지에서의 POST(회원가입) 폼 요청을 컨트롤러에서 @RequestBoby 가 붙은 객체에 바인딩 되지 않는 문제가 발생했다. 무엇때문에 발생했고, 어떻게 해결했는지 기록해보자 FrontEnd 부분 BackEnd 부분 나의 목적은 프론트쪽에서 회원가입폼 데이터를 POST로 보내고 요청을 AddUserRequest 에 매핑시켜 저장하는 것이였는데 프론트로부터 백으로 통신요청을 하면 자꾸 에러를 뱉어내는게 아닌가?! 열심히 구글링한 결과 > `` 태그를 사용해 POST방식으로 요청하거나, JQuery, Ajax 요청을 할 때에는 > Content-Type 가 'application/json' 이 아니라 'application/x-www-from-urlencoded' 이다. 위 내용을 토대로 접근해 해결해 보았다. 위 코드블럭에 보이다시피 `application/x

2023년 6월 21일
·
0개의 댓글
·
post-thumbnail

Content-type: application/json

># content-type content-type은 클라이언트에게 반환된 컨텐츠의 유형이 실제로 무엇인지를 알려주는 역할이다. 대수롭지 않게 생각하고 그냥 넘어갈 수 있는 부분이지만 사실은 시스템 환경 분석에 있어서 꼭 보고 넘어가야하는 부분이라는 생각이 든다. ># content-type 종류 사실 content-type: text/html 형식이 아니면 html 스크립트를 실행 시킬 수 없다. 즉, XSS를 터트릴 수 없게된다. 그 중 몇개만 알아보도록 하자 application/json: js에서 쉽게 파싱하고 생성할 수 있도록 javascript 객체로 해석되며, html 스크립트를 실

2023년 6월 9일
·
0개의 댓글
·
post-thumbnail

axios headers의 "Content-Type"에 대해

React에서 서버와 통신을 하기위해 주로 axios를 많이 사용하곤합니다. 저 또한 axios를 활용해 서버와 통신하기 위해 axios를 사용하였습니다. 위와 같이 axios.js라는 파일을 따로만들었고 메서드를 활용해 axios 인스턴스를 생성해주었습니다. 인스턴스를 생성하는 과정에서 URL은 필수요소이고 나머지 속성은 옵션입니다. 또한 method가 지정되지 않으면 요청은 으로 기본 설정이 됩니다. 또한 사용가능한 인스턴스 method는 아래와 같습니다. (Axios 러닝 가이드를 참고하였습니다.) 본론으로 돌아와 코드를 작성하던 중 의 에 대해 궁금해져서 구글링도 해보고 지인에게 질문도 해보았는데 지인께서 와 의 가장 큰 차이가 의 경우 데이터를 받아오는 구조가 이 아니라는 점이 가장 크다 라고 말씀해주시더라구요. 그러면서 형태의 은 이 동일하거나 다른 경우에도 로 등록된 경우에만 가능하다고도 말씀해주셨습니다. 그렇지 않은경우에는 에러가 발생하구요. 그래서

2023년 5월 19일
·
2개의 댓글
·

Today's Answer 02-1

1. 오늘 브라우저의 DOMContentLoaded 이벤트에 대해 꼬리질문이 있었는데, async와 defer 질문을 넘어 script에 삽입되는 type 속성의 기본값에 대해 정리해야될 것 같다. 보통 생략하는 경우가 많은데, javascript랑 css말고도 ajax나 api연결시에도 사용한다고 되어있는데 일반 js에 삽입되는 type과는 다른 목적인 것 같다. 삽입되는 위치와 용도의 차이점이 뭘까? 알아보기론 Content-type 형태였음. 그리고 js MIME에 대해서도 정의해봐야할듯. script에 삽입되는 type의 비교 (javascript) 1번 type 생략 (기본값) script 태그에서 type을 생략할 경우 2번으로 재번역하여 반영됨. 구글 확인 결과, 보통 생략하지않고 2번으로 정의함. 2번 text/javascript 가장 범용적으로

2023년 5월 12일
·
0개의 댓글
·
post-thumbnail

MIME type은 뭐고, Content-type은 뭔데?

📖 Introduction > 내가 아는 MIME 이라고는 인터넷에서 나도는 그 밈밖에 몰랐는데... 최근 우연히 개발 관련 오픈 채팅방에 들어갔는데, 어떤 분께서 HTTP Request Header의 필드인 Content-type 에 대해서 질문을 주셨다. 요지는 application/json 이 뭘 의미하는 거에요? 였는데.. 지금까지 나는 요청을 보낼때 "아, 나 지금 json 파일 보낸거니까 이거 보고 체크해~" 정도로만 알았지 정확히 이 친구가 뭘 의미하는지를 몰랐었다. 따라서 기왕 이렇게 된거 아주 끝을 보자는 마인드로 관련된 자료를 쭉 찾아보았다. 항상 무언가를 탐구하고 이해하는 과정에서 많은 피로감과 어려움을 느끼지만 그래도 이걸 왜 쓰는지를 비로소 알게 되면 눈이 맑게 개이는 느낌이 아주 좋다. 이렇게 말을 하니까 나도 참 정상인은 아닌가보다. 사서 고생한다는 게 딱 이럴때 쓰는 말인가. ✒️ MIME Type 1. MIME

2022년 12월 26일
·
0개의 댓글
·

MIME-TYPE & Content-TYPE

MIME Multipurpose Internet Mail Extensions의 약자로 초기 MIME은 용어 그대로의 의미로써 이메일을 보낼 때 함께 보내지는 첨부파일을 텍스트 문서로 변환(인코딩)해서 전송하기 위해 개발 되었다. 현재 HTTP 프로토콜을 이용한 웹에서 서버가 클라이언트에게 보내준 문서의 종류들을 정의한 걸로 사용되고 있다. 일반적인 구조 MIME 타입의 구조는 '/'로 구분된 두 개의 문자열인 타입과 서브타입으로 구성된다. (스페이스 허용x) Type은 카테고리를 나타내며 개별 혹은 멀티파트 타입이 될 수 있다. (SubType은 각각의 타입에 한정된다) MIME 타입은 대소문자를 구분하지 않지만 전통적으로 소문자로 쓰여진다. Content-Type HTTP 헤더에는 메시지 전송시에 사용되는 여러가지 정보들이 표시되어 있는데 이 여러 정보들 중에 하나로 C

2022년 8월 2일
·
0개의 댓글
·
post-thumbnail

7/10 15일차

알고리즘에 취약하다는 것은 알고 있었지만.. 앞으로 매일매일 알고리즘 문제를 풀어야겠다. 오늘 알고리즘 공부를 하다가 내가 정말 약하다는 것을 체감했다ㅠㅠ > # for문 for문에 대해 모르던 것은 아니다. 하지만 알고리즘 문제를 풀려고 하니 온갖 벽에 막히더라 .. 그 막히던 부분에 대해 말해보고자 한다.. sum 으로 배열 안의 숫자들을 전부 합하려면 ? 우선 간과하고 있던 사실이 있다. [ ] 배열은 하나다. 그리고 그 안에 숫자들이 들어있는 거다. = 매개변수는 1개 그렇기 때문에 매개변수

2022년 7월 9일
·
0개의 댓글
·
post-thumbnail

Network - HTTP Header 표현과 협상

표현 Content-Type: 표현 데이터의 형식 Content-Encoding: 표현 데이터의 압축 방식 Content-Language: 표현 데이터의 자연 언어 Content-Length: 표현 데이터의 길이 표현 헤더는 전송, 응답 둘 다 사용 Content-Type 표현 데이터의 형식 설명 미디어 타입, 문자 인코딩 text/html; charset=utf-8 application/json image/png Content-Encoding 표현 데이터 인코딩 표현 데이터를 압축하기 위해 사용 데이터를 전달하는 곳에서 압축 후 인코딩 헤더 추가 데이터를 읽는 쪽에서 인코딩 헤더의 정보로 압축 해제 gzip deflate identity Content-Language 표현 데이터의 자연 언어 표현 데이터의 자연 언어를 표현 ko

2022년 6월 18일
·
0개의 댓글
·

Content-Type

💡 Content-Type 이란? Content-Type은 응답 내용의 타입이 무엇인지 반환하거나 POST를 할 때 Body에 넣는 값이 어떤 데이터 타입인지를 명시하는 등 컨텐츠 유형이 실제로 무엇인지를 나타내는 역할을 합니다. 이 값은 표준 mime-type 중 하나에 속합니다. 💡 Content-Type 문법 💡 Content-Type 종류 table tr td:first-child {text-align:center;} table tr th, table tr td {border:1px solid #333;} 구분 타입(Type) 비고 Multipart Related Multipart/related 기본 값</t

2022년 5월 16일
·
0개의 댓글
·

HTTP Content-Type 정리

Content-Type이란? Http 통신에서 전송되는 데이터의 타입을 명시하기 위해 header에 실리는 정보다. 즉, api 요청 시 request에 실어 보내는 데이터(body)의 타입 정보다. Content-Type 종류 1) Multipart Related MIME 타입 Content-Type: Multipart/related <-- 기본형태 Content-Type: Application/X-FixedRecord 2) XML Media의 타입 Content-Type: text/xml Content-Type: Application/xml Content-Type: Application/xml-external-parsed-entity Content-Type: Application/xml-dtd Content-Type: Application/mathtml+xml Content-Type: Application/xslt+

2022년 4월 18일
·
0개의 댓글
·
post-thumbnail

[CS] HTTP 헤더 Day-64

Representation Headers (표현 헤더) HTTP 메시지는 헤더와 바디로 구분할 수 있습니다. 바디에서는 메시지 본문 (Message Body)를 통해서 표현 (Representation) 데이터를 전달합니다. 데이터를 실어 나르는 부분을 Payload라고 합니다. 표현은 요청이나 응답에서 전달할 실제 데이터를 뜻하며 표현 헤더는 표현 데이터를 해석할 수 있는 정보를 제공합니다. HTTP 헤더 HTTP 전송에 필요한 모든 부가정보를 담기 위해 사용됩니다. Content-Type: 표현 데이터의 형식 Content-Encoding: 표현 데이터의 합축 방식 Content-Language: 표현 데이터의 자연 언어 Content-Length: 표현 데이터의 길이 형식, 압축 방식, 자연 언어, 길이 설명하고, 요청/응답 둘 다 사용합니다. Content-Type (표현 데이터의 형식) 미디어 타입, 문자 인코딩

2022년 2월 12일
·
0개의 댓글
·

Upload1.vue_20211221

'file'은 v-model 못씀 그래서 @change로

2021년 12월 21일
·
0개의 댓글
·
post-thumbnail

ajax로여러 Content-Type 보낼 수 있나?

> [의문점] 여기서 잠깐! 기존에 JSON 포맷을 ajax를 사용해 서버로 전송했는데 이때는 Content-Type이 application/json으로 보내면 됐다. 하지만 파일까지 같이 보내면 Content-Type이 multipart/form-data이다. ajax로 두 가지 타입을 보낼 수 있나?? 그렇다고 파일을 JSON 안에 넣을 수는 없을테고... 의문점 해결 FormData를 만들고 FormData 객체에 JSON과 file을 append한다. 그리고 FormData 객체를 서버로 전송한다. ajax로 두 가지 Content-Type을 보낼 수 없다. 그래서 Blob을 사용하여 Content-Type을 지정해서 FormData에 추가한다. 이는 여러 Content-Type으로 보낼 수 있게 한다. data 파라미터로 전달된 데이터를 jQuery 내

2021년 11월 26일
·
0개의 댓글
·

[WIP] MIME 타입

Multipurpose Internet Mail Extensions 이메일과 함께 동봉할 파일을 텍스트 문자로 전환해서 이메일 시스템을 통해 전달하기 위해 개발되었다. 현재는 웹을 통해서 여러 형태의 파일을 전달하는데 쓰이고 있다. 문법 '/'로 구분된 두 개의 문자열인 타입과 서브타입으로 구성 스페이스는 허용x type은 카테고리를 나타내며 개별(discrete) 혹은 멀티파트 타입이 될 수 있다. subtype 은 각각의 타입에 한정된다. MIME 타입은 대소문자를 구분하지는 않지만 전통적으로 소문자로 쓰여진다. 예시 타입 | 타입 | 설명 | 일반적인 서브타입 예시 | |:----------|:----------:|----------:| | text | 텍스트를 포함하는 모든 문서를 나타내며 이론상으로는 인간이 읽을 수 있어야 합니다 | text/plain, text/html, text/css, text/javascript | | im

2021년 11월 13일
·
0개의 댓글
·
post-thumbnail

[CS] Multipart/form-data

Multiapart Form Data HTTP 헤더에서는 content-type 이라는 것을 줄 수 있다. 이는 resource 들의 media type을 타나내기 위함이다. media type은 MIME type 과 동일하다 그에 따라, 우리는 content-type 으로 MIME type 중 하나인 multipart/form-data 으로 설정할 수 있다. 파일 업로드를 구현할 때, 클라이언트는 폼을 통해서 파일을 등록해서 전송하게 되며, 이를 처리하기 위한 서버는 멀티파트 메시지에 대해서 각 파트별로 분리하여 개별 파일의 정보를 얻게 된다 이해가 어렵다면... 더 자세하게 알아보자! ![https://user-images.githubusercontent.com/52783516/104418336-189aac80-55ba-11eb-8cb0-6a85ee6dd58d.png](https://user-images.githubusercontent.co

2021년 11월 10일
·
0개의 댓글
·
post-thumbnail

[Spring boot] HTTP API 만들기 - 클라이언트 Request의 Content-Type에 대하여

스프링으로 API를 개발할 때 Request 처리의 경우 @RequestParam, @RequestPart, @RequestBody, @ModelAttribute를 사용합니다. > @ModelAttribute의 경우, JSP 및 thymeleaf와 같이 서버사이브 템플릿 엔진환경에서 view로 데이터를 바인딩하기 위해 사용하기도 하지만, 파라미터를 자바 객체로 바인딩 하는데 사용할 수 있습니다. 해당 어노테이션들은 클라이언트의 Request를 자동으로 처리 해주기 때문에 해당 어노테이션과 Content-Type에 대한 이해가 없어도 적당히 개발은 가능합니다. 다만 Content-Type에 대한 이해도가 부족할 경우, 폼 데이터, 파일 업로드 등의 기능을 다룰 때, 이를 어떻게 처리 해야하는지 헷갈리는 경우가 많습니다. 그리고 클라이언트의 application/x-www-form-urlencoded 형태의 타입을 @RequestBody로 안받아져서 고생했다는 글을 읽은적이

2021년 10월 7일
·
0개의 댓글
·
post-thumbnail

FormData로 이미지 파일 전송

계기 웹에서 서버로 이미지 파일을 전송하는데 제대로 동작하지 않는 에러를 만났다. 이전에 FormData에 대한 내용을 접한적이 있어 Content-Type 설정에 대한 문제일 것으로 예상하고 HTTP 헤더를 수정했더니 그제서야 동작이 되었다. 해결을 위해 Content-Type 헤더를 multipart/form-data로 수정해주기는 하였으나 그래야만 하는 이유를 몰랐다. 그래서 이번을 계기로 FormData, MIME, Co

2021년 9월 22일
·
0개의 댓글
·

[Nginx] proxy에서 넘어오는 Content-Type 덮어쓰기

Nginx에서 Contet-Type을 결정하는 방법 nginx는 기본적으로 proxy에서 반환하는 헤더의 Content-Type을 그대로 사용한다. proxy를 호출하지 않는 경우에는 해당 URL의 확장자를 mime.types 파일의 내용에 대입해서 가져온다. mime.types 파일은 보통 /etc/nginx/mime.types 에 위치한다. 이걸 사용하려면 다음과 같이 nginx 설정 중 http 블록에서 include 해야 한다. http 블록은 보통 /etc/nginx/nginx.conf 내에 있다. 그런데, proxy에서 반환하는 Content-Type을 사용하지 않고 mime.types에 있는 값을 사용하려고 하면 딱히 방법이 없다. mime.types을 그대로 사용할 순 없지만 다행히(?) 비슷하게 처리할 수 있는 방법을 찾았다. proxy에서 넘어오는 Content-Type 무시하기 nginx는 자동으로 proxy로부터

2021년 8월 18일
·
0개의 댓글
·
post-thumbnail

MIME type이란?

MIME 이란? -- Multipurpose Internet Mail Extensions의 약자로 간단히 말하면 파일 변환을 의미한다.현재는 웹을 통해 여러 형태의 파일을 전달하는데 사용하고 있지만 이 용어가 생길 땐 이메일과 함께 동봉할 파일을 텍스트 문자로 전환해서 이메일 시스템을 통해 전달하기 위해 개발되어 Internet Mail Extensions라고 불리기 시작했다고 한다. MIME 사용 이유 -- 예전에는 텍스트 파일을 주고 받는데에 ASCII로 공통된 표준에 따르기만 하면 문제가 없었으나 네트워크를 통해 ASCII가 아닌 바이너리 파일을 보내는 경우가 생기게 되었다. 음악파일, 무비파일, 워드파일 등등 ASCII만으로는 전송이 안되기 때문에 기존 시스템에서 문제 없이 전달하기 위해서는 텍스트로의 변환이 필요했다. 텍스트 파일로 변환하는 것을 인코딩(Encoding), 텍스트 파일을 바이너리 파일로 변환하는 것을 디코딩(Decoding)이라고 한다. MIME

2020년 8월 16일
·
0개의 댓글
·