본문 바로가기

Web Progreming/HTML

(4)
[CSS] 로딩 애니메이션 출처 : https://studiomeal.com/archives/177 로딩 애니메이션, CSS로 만들어보자 studiomeal.com @keyframes spin { 100% { transform: rotate(360deg); } } .spinner { display: inline-block; width: 50px; height: 50px; border: 5px solid yellow; border-color: yellow transparent transparent; border-radius: 50%; animation: spin 1s linear infinite; } 이렇게 쉽게 할 수가 있구나.... 역시 많이 배우고 해야 한다.
[CSS] Pseudo-Class Selectors Level 4 - :is, :where 출처 : https://web.dev/css-is-and-where/ New CSS functional pseudo-class selectors :is() and :where() These seemingly small additions to CSS selector syntax are going to have a big impact. web.dev :is() /* before */ h1 > b, h2 > b, h3 > b, h4 > b, h5 > b, h6 > b { color: hotpink; } /* after */ :is(h1,h2,h3,h4,h5,h6) > b { color: hotpink; } :where() :is 와 기능적으로는 같은 함수, 단 우선 순위가 :is 가 높고, :where 는 우..
HTTP 응답 상태 코드 - 2 클라이언트 에러 응답 400 Bad Request 이 응답은 잘못된 문법으로 인하여 서버가 요청을 이해할 수 없음을 의미합니다. 401 Unauthorized 비록 HTTP 표준에서는 "미승인(unauthorized)"를 명확히 하고 있지만, 의미상 이 응답은 "비인증(unauthenticated)"을 의미합니다. 클라이언트는 요청한 응답을 받기 위해서는 반드시 스스로를 인증해야 합니다. 402 Payment Required 이 응답 코드는 나중에 사용될 것을 대비해 예약되었습니다. 첫 목표로는 디지털 결제 시스템에 사용하기 위하여 만들어졌지만 지금 사용되고 있지는 않습니다. 403 Forbidden 클라이언트는 콘텐츠에 접근할 권리를 가지고 있지 않습니다. 예를들어 그들은 미승인이어서 서버는 거절을 위..
HTTP 응답 상태 코드 - 1 정보 응답 100 Continue 이 임시적인 응답은 지금까지의 상태가 괜찮으며 클라이언트가 계속해서 요청을 하거나 이미 요청을 완료한 경우에는 무시해도 되는 것을 알려줍니다. 101 Switching Protocol 이 코드는 클라이언트가 보낸 Upgrade 요청 헤더에 대한 응답에 들어가며 서버에서 프로토콜을 변경할 것임을 알려줍니다. 102 Processing (WebDAV) 이 코드는 서버가 요청을 수신하였으며 이를 처리하고 있지만, 아직 제대로 된 응답을 알려줄 수 없음을 알려줍니다. 103 Early Hints 이 상태 코드는 주로 Link 헤더와 함께 사용되어 서버가 응답을 준비하는 동안 사용자 에이전트가(user agent) 사전 로딩(preloading)을 시작할 수 있도록 한다. 성공 ..