Nextjs에서 viewport meta데이터 삽입하기 공식문서 소개 공식문서 코드 layout.tsx import type { Viewport } from "next"; , , , export const viewport: Viewport = { initialScale: 1.0, userScalable: false, maximumScale: 1, width: "device-width", };
깉이보면 좋은글 2023.09.06 - [JS/Next.js] - [Error] auth/invalid-api-key, Next.js 에서 환경변수 [Error] auth/invalid-api-key, Next.js 에서 환경변수 원인: Next.js Node환경 환경변수 발단 firebase를 이용해서 로그인 기능을 구현중 계속 `{code: "auth/invalid-api-key", message: "Your API key is invalid, please check you have copied it correctly."}` 에러메세지가 호출되었다 aliencoding.tistory.com Firebase Authentication 파이어베이스로 사용자 로그인을 해보자! SDK 설치 및 Firebas..
문제 Module not found: Can't resolve 'encoding' in "...." 이라는 에러메세지가 콘솔에 계속 나왔다. https://github.com/supabase/supabase-js/issues/612 Can't resolve 'encoding' · Issue #612 · supabase/supabase-js Module not found: Can't resolve 'encoding' in '/Users/thorwebdev/Documents/code/supabase/quickstarts/supabase-next-13/node_modules/.pnpm/node-fetch@2.6.7/node_modules/node-fetch/lib' This warning i... github..
원인: Next.js Node환경 환경변수 발단 firebase를 이용해서 로그인 기능을 구현중 계속 `{code: "auth/invalid-api-key", message: "Your API key is invalid, please check you have copied it correctly."}` 에러메세지가 호출되었다. .env.local 파일에 정독하듯 환경변수 값들이 다르게 복사되었는지 계속 확인을 해봐도 틀리게 들어가지 않았는데 왜 호출이 안될까 1시간을 에러메세지랑 싸웠다. 해결 https://nextjs.org/docs/pages/building-your-application/configuring/environment-variables#bundling-environment-variable..
Next.js 에서의 라우팅 Creating Routes Next.js uses a file-system based router where folders are used to define routes. Each folder represents a route segment that maps to a URL segment. To create a nested route, you can nest folders inside each other. 경로 생성 Next.js는 폴더를 사용하여 경로를 정의하는파일-시스템 기반 라우터를 사용합니다. 각 폴더는 URI 세그먼트에 그려지는 라우트 세그먼트를 대변한다. 중첩 경로를 만들려면 폴더를 서로 중첩할 수 있습니다. 폴더를 사용해서 라우트를? app폴더내에 create ..
문학 커뮤니티를 Next.js를 이용해 만들어 보고자 한다. Next.js 프로젝트 생성하기 npx create-next-app@latest https://nextjs.org/docs/getting-started/installation Getting Started: Installation | Next.js We recommend starting a new Next.js app using create-next-app, which sets up everything automatically for you. To create a project, run: After the prompts, create-next-app will create a folder with your project name and instal..
부산광역시_전시공간 목록 서비스 https://www.data.go.kr/data/15063756/openapi.do 부산광역시_전시 목록 서비스 https://www.data.go.kr/data/15063737/openapi.do
2023.08.25 - [JS/React] - "나의 일지"프로젝트(5)_handsontable, 파이어스토어 데이터 베이스 "나의 일지"프로젝트(5)_handsontable, 파이어스토어 데이터 베이스 이제 첫 리포트를 생성해보자~!! 작업일지 리포트는 테이블형태(엑셀)로 작성하고 엑셀과 csv 파일로 내보내고 불러오게 가능하도록 구상을 했다. 마침 테이블 형태 관련해서 좋은 글과 좋은 라 aliencoding.tistory.com 리포트에 필요한 조건으로는 글 제목, 글 작성시간, 글 내용, 수정여부(false로 시작)가 꼭 필요하다 글 제목을 setDoc에 전달해줄려면 상태 저장을 위해 useState를 사용 기본 값은 "" 로 둔다 import React, { useState } from "rea..
