DEVelopment

공개용 포트폴리오를 제작할 때 

구글에 검색이 되기 위해서는 SSR(Server Side Rendering)이 되어야 했다.

SSR이란, 지금 이 블로그처럼 

PHP형식 혹은 JSP형식으로 만들어진 사이트의 렌더방식으로서, 

새로운 데이터를 부를 때마다 새로고침이 필요하다는 단점이 있다.

반대로 CSR(Client Side Rendering)은 일반 HTML프로젝트나 

React, Vue 등 SPA(Single Page Application) 에서 사용되는 ajax를 도구로 사용하여 

데이터를 받아온다.

php나 jsp 등의 api파일은 asset에 저장해두고,

ajax나 fetch, axios를 사용해서 자바스크립트가 브라우저(클라이언트) 대신 

api에 접촉해서 데이터를 받아올 수 있다.

장점은 화면 새로고침 없이 부드럽게 데이터를 불러올 수 있다는 것이지만, 

단점은 클라이언트가 렌더를 하기 때문에 검색엔진 로봇이

내가 만든 웹사이트의 정보를 찾기 힘들다는 것이다.

그래서 이 포트폴리오겸 블로그는 간단하게 알고있는 PHP 방식으로 제작했다.

리액트로 제작하는 것이

스킬 어필에 조금 더 도움이 되고,

좀 더 부드러운 화면전환을 만들어낼 수 있으나

검색엔진최적화 관련해서는 CSR이 압도적으로 유리하다는 증언(?)을 보고

PHP로 만들게 되었다.

과연, 구글이나 네이버에 공개가 잘 될지는 모르겠지만.

몇주일 지켜보고 SEO관련해서 개선을 할 예정이다.

이미 meta 태그도 각 게시물의 태그가 반영되게 해놓았고,

내 예상이 맞다면 개발 관련 포스팅을 할 때마다

유입자가 더 늘어날 것이다.