MIME Type for Webserver 란

MIME (Multipurpose Internet Mail Extensions) Type은 웹 서버와 클라이언트 (주로 웹 브라우저) 간에 전송되는 데이터의 종류와 형식을 나타내는 표준입니다. MIME Type은 웹 서버가 클라이언트에게 응답 (response)을 보낼 때, 해당 데이터가 어떤 종류의 파일인지 (예: 이미지, 텍스트, 비디오 등) 알려주는 역할을 합니다.

웹 브라우저는 서버로부터 text/html MIME Type을 가진 데이터를 받으면, 
이를 HTML 문서로 해석하고 웹 페이지를 화면에 표시합니다.

 

▷ MIME Type의 중요성

• 클라이언트의 올바른 데이터 처리: 웹 브라우저는 MIME Type을 확인하여 서버로부터 받은 데이터를 어떻게 처리해야 할지 결정합니다. 예를 들어, "image/jpeg" MIME Type을 가진 데이터는 JPEG 이미지로, "text/html" MIME Type을 가진 데이터는 HTML 문서로 처리합니다.
• 웹 페이지의 다양한 콘텐츠 표시: 웹 페이지는 다양한 종류의 콘텐츠 (이미지, 비디오, 폰트 등)를 포함할 수 있습니다. 각 콘텐츠에 맞는 MIME Type을 지정함으로써 웹 브라우저는 해당 콘텐츠를 올바르게 표시할 수 있습니다.
• 웹 서버와 클라이언트 간의 원활한 통신: MIME Type은 웹 서버와 클라이언트 간의 데이터 교환을 효율적으로 만들어줍니다. MIME Type을 통해 데이터를 해석하는 데 필요한 정보를 미리 제공함으로써, 불필요한 데이터 처리 과정을 줄일 수 있습니다.

---

HTML 파일 내에서 다음과 같은 방식으로 MIME Type이 명시될 수 있습니다

1. <img> 태그:

<img src="image.jpg" alt="이미지" type="image/jpeg">
<img> 태그의 type 속성을 사용하여 이미지 파일의 MIME Type을 명시할 수 있습니다

2. <video> 태그:

<video src="video.mp4" type="video/mp4"></video>
<video> 태그의 type 속성을 사용하여 비디오 파일의 MIME Type을 명시할 수 있습니다.

3. <link> 태그:

<link rel="stylesheet" href="style.css" type="text/css">
<link> 태그의 type 속성을 사용하여 CSS 파일의 MIME Type을 명시할 수 있습니다.

4. <script> 태그:

<script src="script.js" type="text/javascript"></script>
<script> 태그의 type 속성을 사용하여 JavaScript 파일의 MIME Type을 명시할 수 있습니다.

---

웹 서버 관리자는 사용자 컴퓨터마다 스크립트를 복사하는 대신, 서버에 모든 공통 스크립트를 추가할 수 있습니다.
Creo의 경우 사용자가 정의한 스크립트 파일의 확장자를 " .creojs"으로 정의 할수 있습니다.

공통 스크립트란 웹 페이지나 애플리케이션에서 여러 번 재사용되는 기능을 수행하는 코드를 말합니다. 
이러한 스크립트는 특정 작업을 수행하는 함수나 모듈 형태로 작성되어, 필요할 때마다 호출하여 사용할 수 있습니다.

CREO가 .creojs 확장자를 사용하는 것은 고유한 파일 형식, 보안, 버전 관리, 편의성 등 다양한 이유 때문일 수 있습니다. JavaScript 파일(.js)을 사용하는 대신 사용자 정의 MIME 유형을 사용하는 것은 CREO 환경에 더 적합한 방식으로 스크립트를 관리하기 위한 선택입니다.

▷ web.config 파일 (XML)구성:

web.config 파일(XML)은 IIS 웹 서버의 설정을 관리하는 파일입니다. 이 파일에 다음과 같은 내용을 추가하여 *.creojs 파일에 대한 MIME type을 정의합니다.

<configuration>
  <system.webServer>
    <staticContent>
      <mimeMap fileExtension=".creojs" mimeType="text/creojs" />
    </staticContent>
  </system.webServer>
</configuration>

 

▷ 참고 사이트

PTC Help Center

---