SEO2 Gatsby 란? 개념 잡기 gatsby develop 배경: SSR는 구글 SEO와 update가 쉬운 점이 있었습니다. 하지만 단점으로는 서버에서 데이터를 가져오는데 시간이 오래걸릴 수 있고 매 page마다 request 요청을 해줘야하는 단점이 있었습니다. 그래서 나온것이 Gatsby !!! SEO + Speed + update가 콤보 조합이라고 보시면 됩니다. 개념: React로 만들어진 frame work + 사이트 생성기 + 웹 개발 툴 Gastsby 설치 해보자!! npm install -g gatsby-cli yarn global add gatsby-cli 디렉토리 구조 public 정적 파일이 담겨 있는 폴더 입니다. src 실제 소스코드가 있는 폴더이며, 기본 구조는 components, images, pages .. 2021. 3. 9. Next.js 별거 아니야 Next.js 이란 ??? 도대체 넌 무엇이냐? 탄생 배경: React, Vue, Angular 의 SPA(Single Page Application)의 등장으로 한페이지에서 모든것을 처리하는것에 초점이 마쳐있는 웹페이지 였습니다. 이것을 CSR(client-side rendering) 부릅니다. 하지만 여기 단점 2가지 1. 검색엔진의 어려움이 있습니다. 특히 Google SEO의 검색 문제가 있죠 (블로그 노출 광고 시 가장 취약) 2. 로딩 속도가 느립니다. client 요청--> server 요청 --> HTML --> client로 전달 그래서 등장한 !!! Next js! 1. Google- SEO 최적화된 SPA(Single Page Application) !!!! 2. CRS단점을 보안한 .. 2021. 2. 3. 이전 1 다음
