HTML의 태그는 사용자로부터 다양한 형태의 데이터를 입력받기 위해 사용됩니다. 각 type 속성은 입력받는 데이터의 형식과 기능을 정의합니다.아래에서는 HTML의 모든 input 태그의 type 속성과 그 정의, 예시를 소개합니다. button클릭 시 특정 동작을 수행하는 버튼입니다. checkbox여러 개의 선택지 중에서 하나 이상을 선택할 수 있는 체크박스입니다. color색상을 선택할 수 있는 입력 필드입니다. date날짜를 선택할 수 있는 입력 필드입니다. email이메일 주소를 입력받기 위한 필드로, 유효한 이메일 형식인지 검증합니다. file파일을 업로드할 수 있는 입력 필드입니다.  hidden사용자에게 보이지 않지만, 서버로 전송할 데이터를 포함하는 필드입니다. number숫자만 입력받..

성능이 좋은 웹을 만들기 위해서는UI/UX에 영향을 미치지 않는 선에서 적은 용량을 쓰는 것이 중요하다폰트의 다양한 포맷 종류 & 폰트 포맷 변경 사이트각각의 폰트는 지원되는 브라우저 범위가 다 다르다웹 페이지의 폰트가 모든 장치와 브라우저에서 잘 보이도록 하려면다양한 폰트 형식을 지원해주는 것이 좋다 다양한 폰트 포맷을 알아보자용량은EOT  --  TTF/OTF  --  WOFF  --  WOFF2순으로 작다  즉 WOFF2가 가장 작은 용량을 가진다 웹페이지 제작시 WOFF, WOFF2 를 많이 사용한다그러나 WOFF2는 최신 기술이므로 크로스 브라우징을 위해WOFF2를 사용하되, 해석하지 못하는 브라우저에는 WOFF, TTF 등을 사용할 수 있도록 설정해준다 TTF / OTF백터 기반 폰트형식sca..