이름:
메일:
가입일:
2022-06-05 00:36조회수: 1280[운영자]영이
공개용 포트폴리오를 제작할 때
구글에 검색이 되기 위해서는 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 태그도 각 게시물의 태그가 반영되게 해놓았고,
내 예상이 맞다면 개발 관련 포스팅을 할 때마다
유입자가 더 늘어날 것이다.
HTML 페이지가 두 번 로딩되면서 로딩 속도가 느려질때 (Network waterfall twice times download)
현재 포트폴리오용 웹사이트 개발을 하던 나는 내 웹사이트가 뭔가 이상하다는 것을 발견했다.크롬의 개발자도구(F12)에서 Network 탭을 보면 내 웹사이트에서 ...
코드를 강조해서 보여주는 highlight.js
코드를 강조해서 보여주는 highlight.js 테스트입니다.<!-- highlight.js --> <link rel="stylesheet" type="text...
프론트엔드 블로그 겸 포트폴리오 제작완료(SSR)
공개용 포트폴리오를 제작할 때 구글에 검색이 되기 위해서는 SSR(Server Side Rendering)이 되어야 했다. SSR이란, 지금 이 블로그처럼 PHP형식 혹은 JSP형식으로 만들어진 사이트의 렌더방식으로서, 새로운 데이터를 부를 때마다 새로고침이 필요하다는 단점이 있다. 반대로 CSR(Client Side Rendering)은 일반 HTML프로젝
마지막 개발 테스트입니다. 게시판 제작 완료 테스트입니다!
영이입니다.게시판 제작이 완료되었습니다.이제 이 파일이 잘 올라가는지 볼게요 ^^이제 테스트는 끝입니다~!! ^^
댓글: 1
2023-04-11 21:47
/