2024/08 2

Client-side rendering(CSR) 웹사이트 동적 OG(OpenGraph) 메타태그 적용을 위한 방안

당시 재직하던 회사에서 운영 중인 웹 프로젝트는 Create-React-App(이하 CRA) 으로 구조를 잡아 개발하고 있었다. 사용자가 웹사이트에 들어와 컨텐츠를 보고 기능을 사용하는데 문제는 없었으나, 웹사이트에 들어오기 전 단계에서는 문제가 있었다. Client-side rendering(CSR) 이더라도 정적 데이터를 사용한다면 문제가 없으나, 상품 상세보기 페이지와 같이 상품에 대한 상세정보를 서버에서 제공 받아야 하는 경우에는 검색엔진 봇(Bot)에게 데이터를 제공해 줄 수가 없다. 이를 해결하려면 검색엔진 봇이 웹서버에 접근했을 때, 서버에서 렌더링 하는 SSR(Server side rendering) 혹은 Build 시점에 외부데이터를 사용해 정적페이지를 렌더링하는 Next.js 의 S..

ITAM Games 기술블로그 작성 글 목록

https://itam.tistory.com/91 React 로 진행한 프로젝트에서 Atomic Design 패턴을 걷어낸 이유안녕하세요. ITAM Game 프론트엔드 개발자로 입사해, 현재는 백엔드 개발팀에서 근무 중인 이성우 입니다 :) 프론트엔드 개발팀에 근무하며 있었던 일을 블로그를 통해 공유하고자 합니다. 오늘 공itam.tistory.com https://itam.tistory.com/92 ITAM Games 오픈소스 프로젝트 ethereum-antenna 소개 - (1)소개 안녕하세요, ITAM games 백엔드팀에서 열심히 로켓을 개발 중인 이성우 입니다 :) 회사에서 프로젝트를 개발을 하며 겪었던 문제점이나 고민들을 회사 기술블로그를 통해 공유하려 합니다. 많itam.tistory.com