open-graph
<meta property="og:url" contents="www.daum.net"/>
head 태그에 안에 og 태그가 달려있고, 사이트에서 og로 미리보기 기능이 있다면 채팅장에서 미리보기 서비스를 볼 수 있다.
npm. cheerio 스크랩핑 도구 : html 소스 코드를 긁어 오는 것 .
npm. puppeteer 크롤링 도구 : 스크랩핑을 정기적으로 반복해서 하는 것 .
상품상세페이지 =>서버사이드 렌더링(opengraph 잘 할 수 있음)
모든페이지를 서버사이드 렌더링 하는게 아니라 필요한페이지만.....
SEO(SearchEngineOptimization)
검색엔진 최적화,
데이터를 벡엔드에서 받아오는 상세페이지에 경우 검색엔진의 검색봇이 접근 할때는 데이터가 없어서
서버사이드 렌더링이 필요하다.
XML: extensible Markup Language : 확장 가능한 마크업 언어
예시)
<APPLE></APPLE>
웹 접근성: 검색봇이 검색할 때 점수를 많이 준다ㅏ.
웹 표준:
Optimistic-Ui
Optimistic UI는 특정 요청이 성공 할 것이라 가정을 하고 먼저 그 요청의 결과를 보여주는 방식의 UI이다. 어떤 요청이 아주 높은 확률로 성공한다는 보장이 있을 때 사용할 수 있다,
