개발꿀팁
Next.js의 redirect 설정을 없애도 계속 적용될때 해결법
Next.js의 redirect 설정을 없애도 계속 적용될때 해결법 안녕하세요, 개발하며 달리는 쿼카입니다. 이번 글에서는 Next.js의 redirect 설정을 없애도 계속 적용될때 해결법에 대해 알아보려합니다. module.exports = { async redirects() { return [ { source: '/foo', destination: '/bar', permanent: true, }, ] }, } Next.js에서 위와 같이 next.config.js에 rediect 설정을 해놓고 제거하는 경우에 혹은 다른 프로젝트를 사용하는데 localhost:3000을 똑같이 이용하는 경우에 redirect가 되어서 막막했던 적이 있었는데요 그 해결방법에 대해서 알아보려합니다. 방법 방법은 간단합니..
카카오톡 소셜 정보(오픈그래프) 캐시 삭제 방법 (이미지 스크랩)
카카오톡 소셜 정보(오픈그래프) 캐시 삭제 방법 (이미지 스크랩) 안녕하세요 개발하며 달리는 쿼카입니다. 열심히 사이트를 꾸며서 사이트 대표 이미지를 수정하고 카카오톡 채팅창에 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 속성에 어떤 값들을 지정할 수..