안녕하세요 상훈입니다.
카카오톡에 프로젝트 링크를 보내었는데, 볼품없는 링크만 뜨고 변경한 링크가 뜨지 않을 때 할 수 있는 방법입니다.
카카오계정 로그인
여기를 눌러 링크를 확인하세요.
accounts.kakao.com
카카오톡은 메신저 내부에서 캐시 처리를 합니다.
그래서 한 번 올렸던 링크에 대해서는 이미 있는 자료를 보내었기 때문에 썸네일이 출력되지않을 수 있습니다.
위의 초기화 버튼을 클릭하면, 본인의 사이트에 대해서 캐싱처리를 전부 삭제할 수 있습니다.
이상입니다.
도움이 되셨다면 광고 한번 클릭해주세요. 블로그 운영에 큰 힘이 됩니다. 감사합니다.
안녕하세요 상훈입니다.
React.js 프로젝트 링크를 남들에게 보낼 때, 조금 더 예쁜 썸네일과, 제목, 그리고 내용을 보내려고 할 때 유용한 미세먼지 팁 입니다.
/public/index.html 를 엽니다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8" />
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
<meta property="og:image" content="%PUBLIC_URL%/이미지 이름을 작성해주세요" />
<meta property="og:site_name" content="사이트 이름을 작성해주세요" />
<meta property="og:description" content="이곳에 컨텐츠를 작성해주세요" />이렇게 head 태그 안에 meta 태그로 작성해주시면 됩니다.
프로퍼티는 og: " " 로 작성하면 됩니다.
그리고 다시 빌드해주시고, 배포해주세요. 마지막으로 링크를 마구 보내줍니다.
이상입니다.
[ 카카오톡 전송 메시지 이미지 ]
이렇게 깔끔하게 카카오톡으로 링크를 전송할 수 있습니다.
이상입니다.
도움이 되셨다면 광고 한번 클릭해주세요. 블로그 운영에 큰 힘이 됩니다. 감사합니다.
안녕하세요 상훈입니다.
Spring에서 css 경로를 잡아주도록 하겠습니다. [ jsp example css path ]
실제 경로는
"src/main/webapp/resources/css/cssfilename.css" 인데요,
이걸 다 써줄 수도 없으니, jsp 파일에서 작성할 link부분을 바로 작성하도록 하겠습니다.
<link rel="stylesheet" href="${pageContext.request.contextPath}/resources/css/addrbook.css" type="text/css" media="screen" />
${pageContext.request.contextPath} 를 넣어주는겁니다.
이상입니다.
안녕하세요 상훈입니다.
웹페이지에서 title에 적혀져 있는 icon 혹은 image를 변경하는 방법을 포스팅하겠습니다.
<link href="이미지경로" rel="shortcut icon" type="image/x-icon">
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> title name </title>
<link href="../images/image-example.png" rel="shortcut icon" type="image/x-icon">
</head>
직접 이미지를 다운로드 받아 경로에 넣고 링크를 해주었습니다.
감사합니다.
| [HTML] a 태그에 꼭 추가 해야 하는 속성(Attr) (0) | 2025.03.07 |
|---|---|
| [HTML] img 태그 현명하게 사용하기 (0) | 2023.05.29 |
| [NVM] Node.js 버전 낮춰서 Nuxt.js 프로젝트 구동하기 / window (0) | 2022.11.11 |
| VSCode - HTML Formatter 설정하는 방법, html 서식 지정하기 (0) | 2022.05.23 |
| [ BootStrap ] 부트스트랩 cdn 적용하는 방법 (0) | 2021.10.06 |