# OpenGraph

8개의 포스트

2023. 4. 27

스크래핑 vs 크롤링 scraping(스크래핑) 스크래핑을 한국어로 번역하면 ‘긁다’라는 뜻이 되는데, 이 의미처럼 ‘특정 사이트를 스크래핑을 한다’ 라고 하면 특정 사이트의 한 페이지를 쭉 긁어와 1번 가져오는 것을 뜻한다. crawling(크롤링) 크

2023년 4월 27일
·
0개의 댓글
·
post-thumbnail

[React] Optimistic-UI, 서버사이드렌더링

Optimistic-UI - 낙관적 UI optimistic UI는 실패 시 좋지 못한 UX가 된다. 99% 성공을 확신 할 수 있을 때 사용하는 것이 좋다. Opengraph Scraping? Crawling? 다른 사이트 정보를 가져오는 것을 스크래핑, 크롤링

2022년 12월 15일
·
0개의 댓글
·
post-thumbnail

ngrok 으로 오픈그래프(메타태그) 테스트하기

테스트 환경은 외부에서 접근이 어렵기 때문에, 외부에서 접근 가능한 도메인 주소를 제공하는 ngrok 을 활용하면 작업한 테스트 환경에서 오픈그래프를 테스트할 수 있습니다.

2022년 11월 13일
·
0개의 댓글
·
post-thumbnail

08.18 Optimistic UI/ openGraph

사용자의 요청이 서버에 도달하기 전에 화면의 값을 바꾸어 놓아 사용자가 체감하는 브라우저의 속도가 보다 빠르게 만든 것이다. 화면에서의 값은 미리 바꾸어 두고 서버에 요청을 계속 보내어 응답이 돌아오면 화면을 다시 업데이트한다. 만약에 서버에서 응답을 받는 것을 실패했

2022년 8월 18일
·
0개의 댓글
·
post-thumbnail

33일) 사이트 만들고, 기능연결만 되면 그게 개발자야? 찐 프론트엔드는 성능을 높이고 ! 최대한 빨리빨리! 과부하는 없도록! 최적화! Optimistic-UI/ SSR/ SEO CODE CAMP FE 6기

\-> 실패해도 큰 영향이 없는 데이터, 실패할 가능성이 많이 없는 데이터에만 사용하자 !실제로 99% 성공확률일때만 쓰세요! 라고 나와있다 (여러테이블에서 사용하지 않는 데이터일수록 Good)게시물 좋아요 기능을 생각해 봤을때, 게시물 좋아요를 누르고 다시 fetch

2022년 4월 28일
·
0개의 댓글
·

SEO 최적화

메타 태그(meta tag)는 웹페이지가 담고 있는 컨텐츠가 아닌 웹페이지 자체의 정보를 명시하기 위한 목적으로 사용되는 HTML 태그를 의미합니다. 이러한 웹페이지의 메타 정보는 주로 HTML의 요소를 통해 마크업을 하며, HTML 문서 내에서 요소 아래 배치되므

2022년 1월 21일
·
0개의 댓글
·
post-thumbnail

카카오톡 오픈그래프 이미지 업데이트

카톡... ... . . . . . . . 오픈그래프 이미지 .. . .캐시.. .. . . . .. 업데이트. .. . 하는 방법. . . .

2021년 6월 2일
·
0개의 댓글
·
post-thumbnail

HTML & CSS 실무(2): OG Meta Tags : OpenGraph Protocol

Notion의 Remark & Technique : HTML5 & CSS3 페이지 바로가기링크 붙여넣을 때 보이는 이미지는 어디서 오는 것일까? - branchFB OpenGraph og:image not pulling images (possibly https?) -s

2020년 12월 23일
·
0개의 댓글
·