개발자의 끄적끄적

[html/css] html img tag 변경된 이미지 바로 반영시키는 방법 html 에서 이미지를 다루다 보면 서버에 동일한 파일명으로 이미지 파일을 변경하는 경우가 있습니다. 그럴때 대부분 일정시간이 지나면 캐싱이 초기화되서 정상적으로 반영되지만, 바로 반영을 시켜야 하는 경우가 있습니다. 그럴때는 아래와 같이 하시면 됩니다. 우선 아래와 같이 img 태그가 있다고 가정하고, 서버에 갱신된 같은 파일명의 이미지 파일을 반영하고 싶으면 아래와 같이 파일 src 뒤에 ?v=1 즉, 파라미터를 붙여주시면 됩니다! 참고들 하세요!

[html/css] img 태그 외부링크 금지 이미지 표시 방법 / referrerpolicy no-referrer 설정방법 html 에서 img 태그를 사용하여 외부 사이트에 있는 이미지를 표시하고 싶을때 src 에 외부 링크를 넣습니다. 하지만, 외부 링크 금지 이미지로 설정이 되어 보이지 않는 경우가 있습니다. 그럴때는 img 태그에 아래와 같은 속성을 추가해주면 됩니다. referrerpolicy="no-referrer" 아래는 img 태그에 위 속성을 추가한 예제입니다. 위내용처럼 그냥 img 태그에 referrerpolicy="no-referrer" 라는 속성을 추가하면 됩니다! 참고들 하세요!