• 목록
  • 아래로
  • 위로

저는 개발자는 아니지만 그동안 삽질하며 느꼈던 점을 주저리주저리 적어볼게요~


1. 

메타 태그의 사이트 정보에 대한 통일된 규칙은 없다고 하지만, 그래도 사이트마다 너무 다르네요 ㅠㅠ

되도록 모든 경우를 포괄할지, 아니면 가능한 경우에만 간단히 구현할지 선택하셔야 될 것 같아요.


2. 

og:image가 없는 경우는 이해가 되는데, og:description이 없는 사이트도 은근히 많더군요.

가장 당황스러운 경우는 title 태그와 og:title의 content가 다른 경우였어요 ㅠㅠ

이런 경우에 저는 두 개를 모두 보여주는 방식을 택했어요.


3.

저번에도 적었지만 페북을 크롤링할 때에는 유의하시구요~

https://studyforus.com/tipnknowhow/597601


4.

부트스트랩을 이용하면 a 태그의 클래스 속성을 변경하여 버튼으로 표현할 수 있습니다.

이런 방식으로 HTMLpurifier의 설정을 변경하지 않고 에디터에서 간단히 링크를 버튼으로 처리할 수 있더군요.

(button 태그 등을 사용하시려면 설정을 변경해야 합니다)

부트스트랩3에서는 버튼의 종류가 다소 제한되고, 4에서는 다양하더군요 ^^

다만 a 태그를 사용하여 버튼을 만들면 버튼 내부에 img 태그를 넣을 수는 없다는 단점이 있습니다.

결국 button 태그를 허용하느냐, 아니면 a 태그로 처리하느냐의 문제로 귀결되네요.


5.

og:image가 없는 경우의 처리에 대해 아직 고민이 많은데요 ㅠㅠ

현재로서는 다른 플러그인이나 API를 활용하지 않고, 파이썬 Selenium으로 스크린 캡쳐를 하려고 하네요.

가능하다면 이미지 서버를 따로 두고, 비동기적(?)인 방식으로 유저가 체감하는 소요시간을 줄이려고 하네요 ^^

Selenium의 구동시간은 최소한 2~3초는 걸릴테니깐요.

('비동기적'이란 에디터에서 글을 작성할 때에는 보이지 않더라도, 나중에 글을 전송하면 이미지를 보여주는 방식을 말씀드린거에요.)


6.

og:image를 지정했지만 외부링크를 막아놓은 경우에 대한 처리도 해야될 것 같네요.


+) 

저번에 도움을 주신 윤삼 님께 감사드립니다!

XE타운에서는 닉네임 호명이 금지되어 있어서 스포어에서 말씀드리네요 ^^

작성자
이니스프리 119 Lv. (1%) 2383920/115200000EXP

Make StudyForUs Great Again!

 

CSVpuymXAAAVVpd.jpg

댓글 0

권한이 없습니다.
번호 제목 글쓴이 날짜 조회 수
공지 [작업 완료] 설 명절 맞이 서버 업데이트 안내 3 마스터 마스터 24.02.11.17:21 1652
공지 [중요] 호스팅 만료와 관련하여 일부 수칙이 변경됩니다. 4 마스터 마스터 23.01.14.02:23 5354
556 HDMI 단자의 QHD 출력을 정식으로 지원하지 않는 NVIDIA 그래픽 카드로 QHD 60 Hz 해상도 출력하기 2 image 제르엘 제르엘 1일 전17:45 42
555 [Python] Youtube API를 사용하지 않고 특정 채널의 모든 비디오 URL을 가져오기 updated 이니스프리 이니스프리 1일 전22:12 59
554 색상선택 결정문제를 겪고 계신 분들 위한 사이트 OAUTH2 20.06.19.18:22 70
553 database 백업 및 복원을 지원하는 site입니다. 해피보이 20.06.03.20:52 79
552 [Python] cannot import name 'TypeAliasType' from 'typing_extensions' 에러 대응방법 이니스프리 이니스프리 24.06.01.23:54 80
551 [VSCode] 1개의 OS에 VSCode 여러 개를 설치 및 구동하기 이니스프리 이니스프리 24.05.26.05:09 83
550 [펌] Chrome will soon be less of a memory hog in Windows 10 3 이니스프리 이니스프리 20.06.24.00:12 86
549 [Python] Ubuntu에서 파이썬이 설치된 디렉토리를 간단히 확인하는 방법 2 이니스프리 이니스프리 20.08.03.22:58 90
548 [Javascript] 값을 이용하여 배열의 요소를 삭제하는 방법 이니스프리 이니스프리 21.04.13.22:10 98
547 순수 React만으로 다이내믹 태그 네이밍하기 Seia Seia 20.01.20.19:18 104
546 React 그리고 Redux 쉽게 이해하기 image Seia Seia 20.09.12.06:31 107
545 [Python] 문자열에서 파일명 또는 폴더명으로 시스템상 지원되는 글자를 제외하고 삭제하기 이니스프리 이니스프리 20.11.01.14:37 112
544 나리야 익명보드 및 내 글 알림 관련 Q&A image 이니스프리 이니스프리 21.02.14.17:30 112
543 중국 배대지 휴무 이니스프리 이니스프리 20.01.14.13:01 114
542 [Python] 크롤링한 bytes를 string으로 변환 이니스프리 이니스프리 21.02.14.15:32 116
541 IPVanish의 한국서버가 4개로 확충되었습니다. image 이니스프리 이니스프리 20.01.11.11:27 117
540 MS Office 제품군 명칭 변경 image 이니스프리 이니스프리 20.07.02.18:05 118
539 [Python] 리스트에 중복된 원소가 있는지 확인하는 함수 이니스프리 이니스프리 24.05.22.20:21 118
538 [오프라인 강좌] 오픈소스 협업을 위한 Git 트레이닝 image 이니스프리 이니스프리 20.01.08.00:13 120
537 [카고야] 공지 메일이 왔네요~ 이니스프리 이니스프리 20.01.08.13:27 121