본문 바로가기

major

카카오톡 오픈그래프(og) 캐시 삭제 안됨 해결방법 SNS에서는 URL을 공유하면 그 사이트의 Open Graph를 파싱 해서, 링크의 미리보기 이미지, 제목, 설명 등을 가져옵니다. 카카오톡도 마찬가지로 URL을 공유하면 Open Graph의 내용을 아래와 같이 보여줍니다. 문제는 오픈그래프를 변경해도 카카오톡은 기존 데이터를 삭제해주지 않으면 변경한 오픈그래프가 보이지 않습니다. 카카오톡에서 오픈그래프를 갱신하고 싶다면, 카카오 개발자에서 제공하는 초기화 도구를 사용해서 OG 캐시를 삭제해줘야합니다. Kakao Developers - OG 캐시 삭제 URL에 갱신하고 싶은 URL 주소를 넣고 초기화를 하면 끝입니다. 여기까지는 카카오 오픈그래프 캐시 삭제라고 치면 누구나 찾을 수 있는 내용입니다. 블로그에서 알려주는 글을 보면서 초기화를 진행했지만, .. major/Web 2021. 4. 28.
PHP로 .ini 파일 읽기 인터넷에 돌아다니는 DB 접속 예제를 보면, 서버 로그인 정보가 코드에 노출되어 있는 예제가 대부분입니다. 개인적으로만 코드를 작성하고 파일을 가지고 있다면 모르겠지만, github에 코드를 올릴 예정이라면 다릅니다. 중요한 서버 로그인 정보가 인터넷 사용자 모두에게 보여지게 됩니다. 이런걸 방지하기 위해서 보통 접속 정보는 account.ini 파일에 저장하고 .gitignore에 추가해서 git에 저장되지 않도록 막습니다. 저는 웹 호스팅을 하는 서버가 따로있고, 그와 비슷한 환경으로 Local 서버를 구축했습니다. 그래서 account.ini에 [DOTHOME], [LOCAL]이라는 섹션 두개를 만들고, 각 서버에서 DB에 접속하기 위한 HOST, USER, PW, DBNAME을 저장했습니다. [D.. major/Web 2021. 4. 26.
.htaccess 파일로 http→https 리다이렉트 설정하기 요새 간단한 회사 웹사이트를 구축해서 운영 중입니다. 호스팅은 닷홈이라는 회사에서 제공하는 월 500원짜리 리눅스 웹 호스팅을 사용 중입니다. SSL 인증서가 없어서 HTTP로만 접속할 수 있는 사이트였는데, 경고창이 뜨는 게 마음에 들지 않아서 SSL 인증서를 구매했습니다. 신청하고 다음날 바로 설치가 되었다는 메일이 왔습니다. https://sungminhitech.com으로 접속하니 SSL 인증서가 잘 동작하는 것을 확인할 수 있었습니다. 브라우저에서 자물쇠도 잘 잠겨있었습니다. 하지만 문제는 따로 있었는데요, 기존에 네이버 서치어드바이저에 등록한 사이트 주소가 http://로 시작한다는 점이었습니다. 네이버에서 회사 이름을 검색하면 뜨는 웹사이트 주소를 클릭하면 무조건 http://로만 접속이 되.. major/Web 2021. 4. 25.
사이트맵 만들고 제출하기 작은 사이즈의 웹사이트는 무료로 사이트맵 생성할 수 있습니다. 저는 XML Sitemap Generator를 사용했습니다. 도메인을 넣고, 시간이 지나면 인덱싱이 끝나고 sitemap.xml을 다운받을 수 있습니다. 다운받은 sitemap.xml 파일을 서버에 올립니다. 이제 구글 서치 콘솔과 네이버 서치 어드바이저에 사이트맵 파일의 위치를 제출합니다. 저는 index.html이 있는 위치에 sitemap.xml을 올려서, http://hellollama.dothome.co.kr/sitemap.xml 이 사이트맵 위치의 full path입니다. 구글에서 제공하는 사이트맵 문서에 따르면, 500개 이하의 페이지를 가진 사이트는 굳이 사이트맵을 제출 할 필요가 없다고는 하지만, 구글 네이버에서는 제출하지 않.. major/Web 2021. 3. 23.
robots.txt 생성 및 검색로봇 접근 제어하기 홈페이지를 개설하면 트래픽을 늘리기 위해 검색 엔진(네이버, 구글 등)에 홈페이지를 등록합니다. 이런 검색 엔진들은 자체적인 검색 엔진 도구가 있는데, 네이버는 서치 어드바이저이고 구글은 서치 콘솔입니다. 이 중 서치 어드바이저는 몇 가지 지표로 검색 엔진에 최적화되어 있는지 아닌지를 알려줍니다. 위 서치어드바이저 리포트 캡쳐 화면은 제가 아무것도 모르고 일단 생성한 웹페이지를 등록해서 나온 결과입니다. 다시 봐도 처참하네요 ;( 서치 어드바이저에 최적화하기 위해서 제가 노력한 것들을 공유하고자 포스팅을 작성하게 되었습니다. 제일 처음으로 리포트의 상단에 있는 검색 로봇 수집의 robots.txt와 로봇 메타 태그, 수집 현황을 개선한 방법을 정리했습니다. robots.txt 생성하기 네이버의 검색엔진 .. major/Web 2021. 3. 22.
favicon(파비콘) 설정 및 갱신 오류 해결방법 favicon 설정 방법 파비콘은 인터넷 웹 브라우저의 주소창에 표시되는 웹사이트나 웹페이지를 대표하는 아이콘입니다. 저는 간단하게 제 블로그의 대표 이미지로 설정을 해봤습니다. 파비콘은 png, jpg등의 이미지를 ico로 만들어주는 사이트를 이용해서 쉽게 만들 수 있습니다. Favicon & App Icon Generator 많은 파일들을 생성하지만, 여기서 필요한 건 favicon.ico 하나입니다. 이걸 이제 적당한 위치에 복붙한 뒤 코드를 작성합니다. 파비콘 설정은 다음과 같이 HTML의 head 부분에 설정할 수 있습니다. favicon 갱신 오류 해결 방법 파비콘을 설정하고 나서 변경을 해도 브라우저에서 이전 파비콘이 그대로 보여지는 경우가 있습니다. 파비콘 갱신 오류는 개발자의 문제가 아니.. major/Web 2021. 3. 21.
안드로이드 앱 런쳐아이콘 만들기 안드로이드 앱 런쳐 아이콘은 그냥 런쳐 아이콘과 적응형 아이콘이 있습니다. Android 8.0 (API 수준 26) 이상부터 적응형 아이콘이라는 개념이 추가되었습니다. 자세한 건 구글 개발자 문서에서 알려주고 있으니 확인하시기 바랍니다. 안드로이드 스튜디오로 새 프로젝트를 만들고 res 폴더에 들어가면 아래와 같이 폴더가 생성되어 있습니다. 아래 사진에서 빨간색 원 안에 있는 게 아이콘이 있는 폴더입니다. 폴더가 anydpi-v26과 mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi와 같이 사이즈로 나뉜 폴더명이 있습니다. 위에서 간단히 설명드린 것처럼 적응형 아이콘과 사이즈에 따라 나뉘는 런쳐 아이콘을 나타냅니다. 이번 포스팅은 포토샵을 기반으로 정리했습니다. 적응형 아이콘은 벡터 파일로.. major/Android 2020. 11. 16.
[Android] 블루투스 통신 예제 (with 아두이노) 이전 포스팅에서 아두이노와 안드로이드가 블루투스로 통신이 되는 걸 확인했습니다. 블루투스 통신 예제는 GitHub에 많아서 금방 개발할 수 있을 거라고 생각했는데, 예상외로 permission과 connectedthread에서 삽질을 많이 했습니다. Google Developers에서 블루투스 개요라는 문서를 주고 있지만, 초보 개발자인 저는 공식문서를 봐도 어려웠습니다. 그래서 Github에서 쉬운 코드를 제공해준 Android-Simple-Bluetooth-Example와 공식문서를 번갈아가면서 참고했습니다. 블루투스 개요에서 제공하는 코드를 기반으로, 통신 예제 코드를 구현하는 방법을 정리했습니다. project는 empty activity로 만들고 따라 하시면 됩니다. 전체 코드는 src 파일만 .. major/Android 2020. 10. 7.

티스토리툴바