이 블로그는 크로뮴, Gecko 환경에서 제일 잘 작동됩니다.
profile

글루미스토어

프론트엔드 개발 블로그입니다. Nextjs 14로 개발되었습니다.

프론트엔드 블로그 겸 포트폴리오 제작완료(SSR)

my Blog!

프론트엔드 블로그 겸 포트폴리오 제작완료(SSR)

조회수1150<b>[운영자]</b>영이






세레비4.webp


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

구글에 검색이 되기 위해서는 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 방식으로 제작했다.








82450002_104169077792652_524290364379496448_n.webp


리액트로 제작하는 것이

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

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


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

PHP로 만들게 되었다.




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

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


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

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

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




















댓글: 1

2023-04-11 21:47

잘보고갑니당