MIME type = media type = Content-Type

 

목차

 

 

 

 

Content-Type, MIME type, media type의 관계

• 이들은 모두 같은 개념으로, 인터넷에서 파일 포맷과 콘텐츠를 식별하는 데 사용
• 과거에는 MIME type 으로 불렸지만, 지금은 media type 으로 사용함. 때때로 content type 이라고도 불림

 

---

 

 

 

MIME( Multipurpose Internet Mail Extensions ) type

• 파일의 형식을 나타내는 문자열로 파일과 같이 송신되는데 content의 형식을 나타내기 위해 사용
• 윈도우의 파일 확장자와 동일한 역할
• 이메일 메세지 , 첨부파일 종류를 고지하기 위해 정의되었고 이를 근거로 MIME 타입이라는 이름이 만들어짐
• 지금은 Media Type 이라는 용어로 사용 된다.

 

---

 

media type

• 미디어 타입은 원래 1996년에 MIME 사양의 일부였음
• HTTP 나 HTML 등의 문서 파일 포맷에 사용됨
• 인터넷 할당 번호 관리 기관(IANA)은 모든 공식 MIME 타입을 담당하며 미디어 타입에서 가장 최신 목록 볼 수 있음
• 대소문자를 구분하지는 않지만 전통적으로 소문자로 쓰여집니다. 매개변수 값은 대소문자를 구분할 수 있습니다.

 

 

media type 구조

• 유형(type), 아형(subtype), 그리고 선택적 매개변수 구조로 이루어짐

`text` 유형  + `plain` 아형 => `text/plain` 일반 텍스트 파일
`text` 유형 + `html` 아형 => `text/html` HTML 문서
`application` 유형 + `json` 아형 => `application/json` JSON 데이터

 

 

ex) HTML  `text/html; charset=UTF-8` 
`text` 는 유형 `html` 은 아형 `charset=UTF-8` 은 문자 인코딩  = 선택적 매개변수

 

 

https://ko.wikipedia.org/wiki/%EB%AF%B8%EB%94%94%EC%96%B4_%ED%83%80%EC%9E%85

 

 

 

 

media type 타입

 

• Discrete(단일 콘텐츠)
  • 단일 콘텐츠 유형을 가진 파일이나 데이터입니다.
  • 예: 텍스트, 이미지, 비디오, 오디오 등 독립적인 데이터 형식.
  • 주요 예:
    • text/plain: 일반 텍스트
    • image/png: PNG 이미지
    • application/json: JSON 데이터

 

• Multipart(다중 콘텐츠)
  • 여러 개의 콘텐츠가 결합된 복합 데이터 유형입니다.
  • 이메일 첨부파일, 폼 데이터 등 여러 데이터 조각을 포함할 때 사용됩니다.
  • 주요 예:
    • multipart/mixed: 다양한 형식의 데이터를 포함(예: 이메일 본문과 첨부파일)
    • multipart/form-data: 파일 업로드 시 사용(HTML 폼 데이터)
    • multipart/alternative: 동일한 콘텐츠를 다양한 형식으로 제공(예: HTML과 plain 텍스트 버전)

 

 

 

---

Content-Type 

• HTTP 프로토콜에서 사용되는 헤더 필드로, 클라이언트와 서버 간 데이터의 미디어 타입을 지정함

 

import axios from 'axios';

function sendText() {
    axios.post('/api/text', '<h1>Hello, World!</h1>', {
        headers: {
            'Content-Type': 'text/html', <<<<< 요거
        },
    })
    .then((response) => {
        console.log('Response:', response.data);
    })
    .catch((error) => {
        console.error('Error:', error);
    });
}

 

---

MIME 타입 (Media Type)  주의 사항

ex)

CSS 파일이 text/plain으로 설정됨	브라우저가 CSS를 스타일로 처리하지 않고 단순 텍스트로 렌더링.
JavaScript 파일이 application/json으로 설정됨	스크립트가 실행되지 않고 브라우저가 JSON 파일로 처리함.
이미지 파일이 application/octet-stream으로 설정됨	브라우저에서 이미지를 직접 보여주는 대신 파일 다운로드 창이 뜸.

 

잘못된 MIME 타입을 설정하면 브라우저에서 파일이 예상대로 동작하지 않게 된다 !

 

 

 

MIME 타입 확인하는 방법 

• 브라우저에서 F12(개발자 도구) → "Network" 탭 → 요청 파일 선택 → "Headers" 섹션에서 Content-Type 확인.

 

 

 

 

 

https://www.iana.org/

https://datatracker.ietf.org/doc/html/rfc6838

https://ko.wikipedia.org/wiki/%EB%AF%B8%EB%94%94%EC%96%B4_%ED%83%80%EC%9E%85