분류 전체보기

카카오톡 소셜 정보(오픈그래프) 캐시 삭제 방법 (이미지 스크랩)

카카오톡 소셜 정보(오픈그래프) 캐시 삭제 방법 (이미지 스크랩) 안녕하세요 개발하며 달리는 쿼카입니다. 열심히 사이트를 꾸며서 사이트 대표 이미지를 수정하고 카카오톡 채팅창에 URL을 올려서 공유했는데 수정한 이미지가 아닌 기존의 이미지나 정보가 표시되는 경우를 겪은 경우가 많을 겁니다. 이는 더 빠른 데이터 로딩을 위한 캐시화가 원인으로 이를 사용자단에서 해결하기 위해 OG 캐시를 강제로 초기화해야합니다. 이를 위해 카카오는 카카오 개발자 페이지의 초기화 도구를 제공하여 캐시를 강제 초기화할 수 있도록 도와주고 있습니다. https://developers.kakao.com/tool/clear/og 카카오계정 로그인 여기를 눌러 링크를 확인하세요. accounts.kakao.com 사용 방법 1. 카카..

HTML a 태그의 링크에 noopener noreferrer를 사용하는 이유

HTML a 태그의 링크에 noopener noreferrer를 사용하는 이유 안녕하세요 개발하며 달리는 쿼카입니다. 프론트엔드 개발을 하게되면 a 태그를 이용한 링크에 rel="noopener noreferrer" 같은 값을 주도록 가이드하는데요 각각의 역할은 무엇이고 왜 작성을 해야하는건지 알아봅시다. 우리는 HTML 코드에서 링크를 생성하고자 할 때 a 요소를 사용합니다. 그리고 a 요소의 href 속성에 명시된 웹 페이지(URL)을 새탭에서 열게 할 경우에는 target="_blank"라는 속성을 추가합니다. 그런데 여기에서 target="_blank"만 사용하면 보안상 취약점이 생기고 퍼포먼스가 떨어질 수 있다고 합니다! target 속성의 값 그 전에 target 속성에 어떤 값들을 지정할 수..