728x90

HTML 3

CTRL+F5 VS CTRL+SHIFT+r(강제새로고침 VS 하드새로고침)

선결론!둘다 똑같다..! 동료분이 이미지 올려달라고 해서 올렸는데업데이트가 안되어있다고 해서컨쉬알(ctrl+shift+R)을 해보라고했더니 이미 ctrl+f5를 했댄다... 둘다 캐시를 무시하고 새로고침 한다는건 알고 있었지만..정확한 차이는 몰랐기에 공부 해보았다   Ctrl + F5와 Ctrl + Shift + R는 모두 웹 브라우저에서 페이지를 강제로 새로고침하는 단축키이지만, 차이가 있습니다:Ctrl + F5 (강제 새로고침):캐시를 무시하고 페이지를 새로고침한다. 즉, 현재 페이지의 최신 버전을 서버에서 다시 받아와 표시한다.이미지, CSS 파일, JavaScript 파일 등 모든 리소스를 다시 다운로드해, 캐시가 아닌 서버에서 직접 가져온 데이터를 로드한다.Ctrl + Shift + R (하드..

HTML 2024.11.11

[HTML] tab을 이용하여 로그인 버튼 누르기(feat. tabindex)

선결론!div에 tabindex="0"을 추가하면 됨  Admin Login ID PASSWORD LOG IN  위와 같은 간단한 로그인 페이지를 구현중이었다id를 입력하고 tab을눌러 password로 이동하였다password를 입력하고 자연스럽게 tab을 눌러 로그인 버튼으로 가길 바랬는데...?!전혀 다른 웹 주소창의 '사이트 정보 보기' 버튼으로 포커스가 이동하였다..!  갑자기 생긴 궁금증왜 LOG IN 버튼으로 가지 않고 다른 곳으로 간걸까?내가 type="button"을 선언하지 않고 div로 선언해서 그런걸까? 싶었다문제 원인:div 요소는 기본적으로 포커스를 받을 수 없는 요소..

HTML 2024.11.05

브라우저 캐싱 막는 방법

결론 부터 말하면  url뒤에 파라미터 값 설정하면 됨style.css 뒤에 파라미터로 v 를 넣고 뒤에 값은 아무거나 쓰면된다, 주로 날짜 또는 난수를 넣음 브라우저 캐싱이란?웹 브라우저가 이미 다운로드한 웹 페이지의 자원(이미지, 스타일시트, 스크립트 등)을 저장하고 재사용하는 기술입니다. 이를 통해 사용자가 동일한 웹 페이지를 여러 번 방문할 때 불필요한 자원 다운로드를 줄이고 웹 페이지 로딩 속도를 향상시킬 수 있습니다.브라우저 캐싱은 다음과 같은 원리로 작동합니다:캐시 제어 헤더:웹 서버에서 응답 헤더에 캐시 제어 헤더(Cache-Control, Expires 등)를 포함하여 브라우저에게 어떻게 캐싱할지 알려줍니다.브라우저 캐시 저장소:브라우저는 캐싱된 자원을 로컬 저장소에 저장합니다. 저장소는..

HTML 2024.02.06
728x90
반응형