Nextjs에서 viewport meta데이터 삽입하기 공식문서 소개 공식문서 코드 layout.tsx import type { Viewport } from "next"; , , , export const viewport: Viewport = { initialScale: 1.0, userScalable: false, maximumScale: 1, width: "device-width", };
![article thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fo0jZ4%2FbtstG9B4rbY%2F6SLcEDgrhMVnN0228JMWw1%2Fimg.png)
깉이보면 좋은글 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..
![article thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FJ1nTR%2FbtstQR03hM7%2FGTGiJIa1zRTV01WhruYxI1%2Fimg.png)
문제 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..
https://haruisshort.tistory.com/253 티스토리에서 백틱(``)으로 인라인 코드 편하게 입력하기 (반응형 #2 스킨) 너무 불편하게도 티스토리는 에디터 자체에 인라인 코드를 삽입하는 기능이 없어 html 모드에서 를 일일이 덧씌워 적용해야했다. (마크다운 모드는 나한테 글자가 너무 작아서 불편했다.) 오늘도 haruisshort.tistory.com 감사합니다.. 진짜 유용..
![article thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FzPcqF%2FbtstS8udwHT%2FC2ZNcuwKUp10W0OReBwMKK%2Fimg.png)
원인: 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..
![article thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FkBjkA%2FbtssSozxRq0%2FJypKglVuAaJxttu37MzuOK%2Fimg.png)
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 ..
![article thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FlKP71%2FbtssOsoWzx6%2F1Ht9qnA622wsQpWzEde99k%2Fimg.png)
문학 커뮤니티를 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