개발 블로그

우리 회사 프로젝트는 리액트로 되어 있다. 프로젝트는 약 3년정도 된 프로젝트이고 규모도 꽤나 있는 프로젝트이다. 해당 프로젝트에 네이버 검색엔진에 최대한 많이 노출되게 끔 하는 업무를 하게 되었고 많은 시도 끝에 성공하였다. 우선 SEO 최적화를 진행하기 전에 어떤 상태였는지 말해보겠다. 네이버 서치 어드바이저에 등록이 된 상태였지만, React 프로젝트가 SPA 라서 네이버 검색엔진에 홈 라우터 ( / ) 밖에 노출이 되지 않고 있었다. 네이버 웹 마스터 도구를 이용하여 각 라우터마다 수집 요청을 새롭게 넣어도 잘 노출이 되지 않았다. ( 네이버 웹마스터 가이드에서는 SPA 라도 네이버 검색 엔진 봇이 자바스크립트를 읽어서 페이지를 로드 후 수집을 한다고 되어 있긴 하다. 하지만 우리 프로젝트의 경우..

오늘은 CDN 에 대해서 정리를 해본다. CDN 은 Content Delivery Network 의 약자이다. 번역을 그대로 하면 콘텐츠를 전달하는 네트워크 이다. 네이밍을 정말 잘한 것 같다. 이름에 모든 것이 담겨 있다. 조금 더 자세히 설명해보겠다. CDN은 콘텐츠( 예를 들면 html 파일, js 파일, 이미지 파일, 동영상 파일 등등)를 전달해주는 캐싱 서버이다. 예를 들어 내 블로그 주소인 https://program-note.tistory.com/ 이 CDN 이 적용되어 있지 않다면, 아래와 같은 그림으로 사용자의 브라우저가 요청을 하고 응답 값을 받게 될 것이다. 그리고 받은 응답 값으로 잘 꾸며진 나의 블로그를 렌더링되고 사용자는 렌더링된 화면을 보게 될 것이다. 이게 CDN 이 적용되지..