본문 바로가기
728x90
728x90

HTML & CSS3

[HTML; 헤이치티엠엘] MIME TYPE / Content-Type MIME(Multipurpose Internet Mail Extensions) 타입과 Content-Type은 웹과 이메일에서 데이터를 전송하고 해석하는 데 중요한 역할을 하는 표준입니다. MIME 타입은 미디어 타입이나 콘텐츠 타입을 식별하기 위해 사용됩니다. 여기서 "미디어 타입"이란 데이터의 종류를 나타내는 라벨이며, 예를 들어 텍스트, 이미지, 오디오, 비디오 등 다양한 유형의 데이터를 식별할 수 있습니다.MIME 타입의 역사초기 개발MIME 타입은 초기에는 이메일에서 다양한 형식의 데이터(텍스트, 이미지 등)을 처리하기 위해 개발되었습니다. 이메일 시스템에서는 텍스트 데이터가 기본이었지만, 이미지나 바이너리 데이터(예: 첨부 파일)를 전송하기 위해 추가적인 메커니즘이 필요했습니다.표준화1991년.. 2024. 6. 21.
[Tailwindcss; 태일윈드씨에스에스] prettier-plugin-tailwindcss 적용하기 Visual Studio Code로 tailwindcss를 사용할 때 유용한 플러그인을 소개합니다.prettier-plugin-tailwindcss를 설치하면 공백제거, 클래스 정렬 등 다양한 기능을 제공해 줍니다.설치방법1. Tailwindcss 설치npm install -D tailwindcss postcss autoprefixer concurrently2. Plugin 설치npm install -D prettier prettier-plugin-tailwindcss3. .prettierrc 파일 생성 및 내용 추가"plugins": ["prettier-plugin-tailwindcss"].prettierrc 파일을 루트 경로에 생성해 주고 위 코드를 삽입해 줍니다.4. Reload Window위 설치.. 2024. 6. 3.
[HTML; 헤이치티엠엘] 임시 이미지 넣기 / 임시 사진 넣기 / 테스트 이미지 넣기 / 샘플 이미지 넣기 / <img /> 개발을 하다 보면 디자이너들한테 이미지를 받아 웹 사이트에 적용을 해야 하는데 디자이너들의 작업이 늦어져서 비워둬야 하는 경우가 있다. 이럴 때 내가 자주 쓰는 방법을 소개하겠다. via.placeholder.com 위 url을 사용하면 샘플 이미지를 불러와서 사용할 수 있다. 사용방법 https://via.placeholder.com/사이즈 위 url을 태그의 src에 넣어주면 된다. 이렇게 URL 마지막에 숫자를 입력하고 img 태그에 넣어주면 100x100 사이즈의 샘플 이미지가 나타난다. // 100x100 // 150x150 // 438x438 // 100x200 원하는 사이즈를 입력하면 된다. .gif, .jpg, .jpeg, .png, .webp 등.. 다양한 확장자를 사이즈 뒤에 붙여주면 .. 2024. 1. 24.
728x90
728x90