본문 바로가기

전체 글

 (215)
Next.JS 프레임 워크 라이브러리 vs 프레임워크 https://www.youtube.com/watch?v=t9ccIykXTCM 라이브러리는 우리가 갖다쓰는 것, 프레임워크는 정해진 틀 안에서 우리의 코드를 불러서 씀 1.pages 폴더 안에 있는 파일명에 따라 route가 결정된다. pages/about.js 생성 -> localhost:3000/about (O) 2. 컴포넌트 마다 import react from "react" 할 필요가 없고 useState,useEffect, lifecycle method 같은 애들을 써야 할 경우에만 호출. 3.next.js 가장 좋은 기능 중 하나는 앱에 있는 페이지들이 미리 렌더링 된다는 것 static으로 생성됨 create react app과 next.js의차이점 create r..
정적 웹페이지 vs 동적 웹페이지 정적 웹페이지(static web page): 서버에 저장되어있는 HTML+CSS 파일 그대로 보여주는 방법 동적 웹페이지(dynamic web page): 상황에 따라 서버에 저장되어있는 HTML에 데이터 추가/가공을 해서 보여주는 방법 정적 웹페이지 특징 웹페이지에서 추가적인 통신 및 계산이 필요 없기 때문에 속도가 빠르고 서버에 부담이 적다는 장점이 있지만추가/수정/삭제 등 내용 변경이 필요할 때 HTML 자체를 수정해야 하기 때문에 번거롭다는 단점이 있습니다. 모든 사용자는 같은결과의 웹페이지를 서버에 요청하고 응답받음 예) 사용자요청에 데이터 영향 받지않는 홈페이지, 홈페이지의 회사소개, 음식메뉴, 포토폴리오,게시판 날씨 정보등 내용이 변하지 않고 고정적인 페이지 동적 웹페이지 특징 한 페이지에..
netlify 빌드 오류 해결 방법 node 버전을 18.0.0 이상으로 업데이트하라고 문구 나타남 현재 버전은 v18.12.1 폴더 최상단에 netlify.toml 파일 생성 후 아래 코드를 추가해서 깃헙에 푸시하시면 정상적으로 빌드가 됩니다. node 최신 버전 설치 후 node --version을 통해 보여지는 버전을 아래 18.12.1에 넣어주시면 됩니다. [context.production] environment = { NODE_VERSION = "18.12.1" }
contentful 컨텐츠관리 시스템 Contentful Contentful은 모든 디지털 채널에서 콘텐츠를 생성, 관리 및 게시할 수 있는 콘텐츠 플랫폼입니다. Headless CMS라 불리기도 하는 Contentful은 컨텐츠를 관리하기 위한 모든 역할을 수행할 수 있습니다. - 컨텐츠에 대한 상태관리 - 이미지 리사이징 및 프리뷰 등 다양한 최적화 기능 제공 https://www.contentful.com/ https://app.contentful.com/spaces/b6jgybwf0ibf/content_types gatsby-source-contentful npm install gatsby-source-contentful gatsby-plugin-image https://www.gatsbyjs.com/plugins/..
GraphQL typegen 오류 : query의 type이 자동으로 지정되지 않을 때 query의 type이 자동으로 지정되지 않아 1.열심히 구글링 해보며 삽질하고 2.공식문서도 뒤져서 모두 확인했다. 문제가 없는데 해결이 안돼서 자포자기 심정으로 천천히 공식문서를 다시 확인해 봤는데..! 이런..! 개발모드 일 때만 파일이 생성된다고 떡하니 적혀있는 게 아닌가!.. 중요하지 않아 보여 읽지 않았는데 npm run start 하자마자 query의 type이 자동생성되었다! 구글링으로 엄한데 삽질한 시간이 너무 아까웠고 처음 보는 작업 시 공식문서를 잘 활용해야겠다고 느꼈다.
Prerequisites, annotate Prerequisite 전제조건 프리레쿼젯 annotate (on) 주석을 달다.
cut to the chase 뜻 본론으로 들어가다 같은 표현 get to the point! I didn't have log to talk so I cut to the chase and asked whether he was still married.
코드 4294967295 (0xffffffff)로 프로세스 종료됨 해결법 우분투 사용시 코드 4294967295 (0xffffffff)로 프로세스 종료됨 오류로 터미널이 안될 때가 있다. powershell 관리자 권한으로 실행한 뒤 netsh winsock reset wsl 실행하면 해결 완!

티스토리툴바