Q. next.js 에서 zustand에서 글로벌 상태 말고 '일부'를 상태로 쓸 수 있을까? 예를 들어서 1. 컴포넌트간에만 공유하는 상태 2. 페이지끼리만 공유하는 상태 처럼... A. Zustand에서 범위를 제한해서 상태를 관리하는 패턴 4가지1. 컴포넌트간 공유 // stores/componentStore.tsimport { create } from 'zustand'const useComponentStore = create((set) => ({ count: 0, increment: () => set((state) => ({ count: state.count + 1 })),}))// 사용할 컴포넌트에서만 import해서 사용export default useComponentStore2. 페..
한 일주일을 헤매고 드디어 해낸 기록. 환경 : next-auth : ^4.10.3 사용 next-auth의 CredentialsProvider로 로그인 시도. /* eslint-disable */ import axios from 'axios'; import NextAuth from 'next-auth'; import CredentialsProvider from 'next-auth/providers/credentials'; const createOptions = (req) => ({ providers: [ CredentialsProvider({ name: 'Credentials', credentials: { userEmail: {label: 'Email', type: 'text', placeholder:..
Nextjs에서 [slug].tsx페이지에서 href 경로가 잘못 나오는 문제가 있었다. 이 경로를 통해서 들어와지는 newsview라는 페이지가 있다. 파일 구조는 이러하다. 근데 [slug]페이지 (newsview페이지)에서 href 경로가 이상하다. 나는 /newsview/페이지를 넣지 않았는데 왠...???? 결론적으로는 `/${ 내용 }` 으로 넣어야 경로가 바르게 나온다. `/${item.link}`
