HTML input type number 우측 화살표 제거하기 input tag 를 type number를 사용했을 때 해당 태그에 포커스를 주면 우측에 숫자를 +1, -1 할 수 있는 화살표가 생성된다. 제거하고 싶다면 아래 코드를 작성하면 된다. /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type='number'] { -moz-appearance: textfield; }
[HTTP] HTTP 캐시와 조건부 요청, 검증 헤더, 프록시 캐시, 캐시 무효화
인프런 김영한 님의 모든 개발자를 위한 HTTP 웹 기본 지식 강의를 듣고 내용을 정리한 글입니다. 1. 캐시 기본 동작 캐시가 없을 때 첫 번째 요청 GET /star.jpg -> HTTP/1.1 200 OK이때 응답이 1.1mb라고 해보자. 두 번째 요청 GET /star.jpg -> HTTP/1.1 200 OK똑같이 응답이 1.1mb 데이터가 변경되지 않아도 계속 네트워크를 통해서 데이터를 다운로드 받아야 한다. 인터넷 네트워크는 PC 메모리나 하드디스크에 비해 매우 느리고 비싸다. 브라우저 로딩속도가 느리다 -> 느린 사용자 경험 캐시 적용 첫 번째 요청 GET /star.jpg -> HTTP/1.1 200 OK이때 응답 헤더 필드에 cache-control: max-age=60 (캐시가 유효한 ..
[HTTP] HTTP 일반 헤더, 표현, 콘텐츠 협상, 인증, 쿠키
인프런 김영한 님의 모든 개발자를 위한 HTTP 웹 기본 지식 강의를 듣고 내용을 정리한 글입니다. 1. HTTP 헤더 개요 HTTP 헤더 header-field는 아래와 같은 형식으로 작성한다. field-name":" OWS field-value OWS field-name 다음 콜른(:)은 반드시 붙여 적는다. OWS는 띄어쓰기 허용이라는 뜻이다. field-name은 대소문자 구분 없다. field-value는 대소문자 구분한다. 용도 HTTP 헤더는 HTTP 전송에 필요한 모든 부가정보를 나타낸다. 예를 들면 메세지 바디의 내용, 바디의 크기, 압축, 인증, 요청 클라이언트 정보, 서버 정보, 캐시 관리 정보 등을 표시한다. 표준 헤더 필드가 엄청 많고, 필요 시 임의의 헤더 필드 추가 가능 분류..
[HTTP] HTTP 상태코드, 리다이렉션
1. HTTP 상태코드 소개 인프런 김영한 님의 모든 개발자를 위한 HTTP 웹 기본 지식 강의를 듣고 내용을 정리한 글입니다. 상태코드 클라이언트가 보낸 요청의 처리 상태를 응답에서 알려주는 기능 1xx(informational): 요청이 수신되어 처리중 2xx(Successful): 요청 정상 처리 3xx(Redirection): 요청을 완료하려면 추가 행동 필요 4xx(Client Error): 클라이언트 오류. 잘못된 문법 등으로 서버가 요청을 수행할 수 없음 5xx(Server Error): 서버 오류. 서버가 정상 요청을 처리하지 못함 만약 모르는 상태 코드가 나타난다면? 클라이언트가 인식할 수 없는 상태를 서버가 반환하면? 클라이언트는 상위 상태코드로 해석해서 처리한다. 미래에 상태코드가 추..