react2 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. HTML을 NextJS 만들어 보자~~!!! 1. Next JS 프로젝트 설치 npx create-next-app 프로젝트 이름 # or yarn create next-app 프로젝트 이름 2. 설치 후 기본적인 설정 3. public에 css,font,js,images를 이동시킵니다. 4. pages안에 Document.js를 만들어 줍니다. import Document, {Html, Head, Main, NextScript} from 'next/document' class MyDocument extends Document { static async getInitialProps(ctx) { const initialProps = await Document.getInitialProps(ctx) return { ...initialProps } } re.. 2021. 2. 12. 이전 1 다음
