Computer Science/Web3 SEO에 닿아보자 안녕하신가?근 5개월만에 돌아온 프론트엔드 개발자 하상원이다.이직하고 새로운 환경에 적응하느라 기술 블로그에 소홀해졌다... 라고 하는 변명하지만 괜찮다!난 아직 개발을 좋아하거든 오늘은 프론트엔드 개발자로서 종종 듣게되는 SEO에 대해 궁금해서 글을 쓰게 되었다.SEO가 뭔지는 안다.. 문제는 그게 손에 와닿지 않는다는 점.SEO 개선을 한다고 해서 어떤 효과가 있는지 측정해보지 못했다는 것이다.그래서 도메인을 구매하고, 할 수 있는 것들을 모두 적용해서 구글 검색에 띄울 수 있도록 해보겠다! 일단 SEO란 무엇일까?SEO는 ‘Search Engine Optimization’의 약자이다.즉 검색엔진(구글, 네이버 등)에 친화적인 사이트를 구축하여,광고가 아닌 자연 검색 결과를 통해 트래픽의 양과 질을.. 2024. 10. 30. SSR(Server-side Rendering)이란 무엇인가. SSR 이란 ? SSR이란 렌더링의 방식이다. 렌더링이란, 서버로부터 요청해서 받은 내용을 브라우저 화면에 표시해주는 것이라고 이전에도 말했다. 알겠나 ? CSR vs SSR CSR은 내 클라이언트에서 로직을 수행하는 반면, SSR은 서버에서 모든 것을 처리한다. 페이지를 이동할 때마다 서버에 데이터를 요청하고, 서버에서는 모든 로직을 처리하고 데이터를 클라이언트에게 주는 것이다. SSR이란 Server, 즉 서버에서 렌더링 하는 것이다. 우리가 서버에 데이터를 요청할 때 마다, 서버는 완성된 페이지를 보내주고, 클라이언트는 그것을 받아 렌더링 한다. 두 개의 비교를 이쁘게 한 사진을 찾아서 첨부한다. 이전 글과 같은 출처의 SSR 버전의 사진도 첨부했다. 그렇다면 각광받는 SSR의 장점은 대체 무엇일까.. 2022. 9. 21. CSR(Client-side Rendering)이란 무엇인가. CSR 이란 ? CSR이란 렌더링의 방식이다. 렌더링이란, 서버로부터 요청해서 받은 내용을 브라우저 화면에 표시해주는 것이다. 알겠나 ? CSR 이란 ? 2트 그 정도로는 알 수 없다. 그렇다면 CSR이란 무엇인가.... CSR을 알기 전에 SPA부터 알아야한다. SPA vs MPA SPA란 Single Page Application. 즉 한 페이지로 구성된 앱이라는 뜻이다. React 개발할 때 보면 html 파일이 한 개다. 왜냐 ? SPA, Single Page Application 이기 때문이다. 이 하나의 html 파일에서 모든 정보를 사용할 수 있는 것이다. 일종의 웹 애플리케이션 아키텍쳐라고 볼 수 있다. 반대는 MPA가 있다. 뭐 똑같은데 single이 아니라 multi인 것이다. 과거에는.. 2022. 9. 19. 이전 1 다음 반응형
