Javascript4 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. 자바스크립트 비교 연산자 정복하기 ! 비교 연산자는 두 변수가 같은지 아닌지를 구분하는 방법입니다. Ex) X == Y ( == 는 변수의 타입에 상관없이 두 변수의 값을 비교 합니다 ) 반대로 같지 않다는 구분을 할려면 != 를 사용하시면 됩니다. Ex) X != Y는 x와 y는 같지 않다는 애기입니다. 만약 === 가 있으면 변수의 값과 타입이 정확히 일치 해야합니다 또한 값이 큰지 작은지 비교할 떄 이렇게 비교를 해주시면 됩니다. > 크다 >= 크거나 같다 2021. 2. 25. [PHP] Unix timestamp을 날짜로 변환 하기 PhP Unix timestamp 날짜로 변환하기 ! $timestamp = time(); $timestamp = strtotime("2021-02-4 00:00:00"); echo date("Y-m-d h:i:s", $timestamp); 2021. 2. 24. 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 다음
