Gotcha

기획

sanity를 사용하기 위해 sanity studio를 설치하고 yarn install 되는 과정에서 에러.이 오류는 yarn이 현재 디렉토리(sanity-studio)를 최상위 프로젝트 디렉토리로 인식하지 못하고, 상위 디렉토리(/Users/solyipark/Docu

movie

NextAuth Providers 설정해주기구글, 카카오,네이버 애플리케이션 설정에서 CLIENT ID 혹은 앱키, SECRET 발급 받아 환경변수 설정해주기(env 설정 후에는 프로젝트를 재시작해야 적용됨)구글 API 및 서비스로 이동 >. 사용자 인증정보 만들기>

해야하는 일사용자 검증 함수 작성: credentialsProvider의 authorize에 사용될 findUserByUsername과 verifyPassword 함수 작성.회원가입 폼 작성: 이미 작성된 SignupForm 컴포넌트를 수정하여 폼 제출 시 fetch를

authOption> providers에 CredentialsProvider 정의?? 여기에 name, email, password를 다 썼는데 name은 빼도 되는건가authorize 정의 => Credentials 로그인 시도시 존재하는 유저인지(findUserBy

useState를 사용하면 상태가 변할때마다 리렌더링이 일어남. 사용자가 폼 작성시 키를 누를 때마다 상태가 변경되며 리렌더링이 될 것.초기에 signup을 구현하면서는 formData를 넘겨주기만 하면 됐기 때문에 useRef를 사용하였음.현재 사용자 입력값에 따라

중복 검사 버튼을 누르면 handleSubmit이 실행됨=> 이유는 기본적으로 폼 내의 버튼을 클릭하면 해당 버튼이 submit 타입으로 간주되기 때문임. 이로 인해 폼이 제출되고 handleSubmit 함수가 호출됨. 이를 방지하려면 중복 검사 버튼의 타입을 butt

오늘 고민한 것, 적용한 것들 정리TailwindCSS에서 sm, md, lg, xl, 2xl 등 브레이크포인트 사용 방법width나 height의 min, max 설정 할때 너무 헷갈렸음.기본적으로 데스크탑 사이즈로 CSS적용후 작은 화면에 적용할 CSS 코드를 넣음

영화리뷰 -> 쇼핑몰로 프로젝트를 갈아엎기로함. 이유는 => 해보지 않은 결제기능을 넣어보고 싶은데, 영화리뷰 서비스 보다는 쇼핑몰이 적합할 것 같고, 또 쇼핑몰에는 영화리뷰서비스에서 구현할 수 있는 상품 리뷰와 별점기능을 포함시킬 수 있기 때문. 이커머스가 어렵다고는

허용된 사용자가 리소스를 읽거나 쓸 수 있도록 하기 위해 policy정책을 새로 생성해야함.SQL Editor에서 가능.chatGPT를 이용하여 우선 모든 사용자가 읽기, 쓰기, 수정, 삭제 등이 가능하도록 새로운 policy를 create함.

유니언 타입은 단순히 문자열 리터럴들(값)을 타입으로 정의하고, 컴파일 타임에 타입 체크를 수행한다.유니언 타입은 컴파일 시 사라지며, 단순한 문자열로 처리된다.유니언 타입은 오타 방지 기능을 제공한다. 지정된 문자열 이외의 다른 문자열은 허용하지 않기 때문에, 타입스

signup 과정에서 user 정보를 확인하기 위해 를 사용하였는데, return 되는 데이터가 any\[]로 반환되어서 찾아보다가 Supabase CLI를 사용하여 프로젝트의 테이블 스키마를 기반으로 TypeScript 타입을 생성할 수 있다는 걸 알게 되고 시도해

TIL (Today I Learned) 상품 등록 시 필요한 내용 정리 필수 정보 상품 이름: 제품의 이름을 입력 설명: 제품의 상세 설명을 작성 가격: 제품의 가격을 설정 할인율: 제품의 할인율을 설정 재고: 제품의 재고 수량을 입력 카테고리 ID: 대, 중, 소

Supabase에 카테고리 테이블 생성 및 데이터 로딩 방법 고민 1. 카테고리 데이터 요청 및 상태 관리 시도 목표: 초기 로딩 시 Supabase에서 카테고리 데이터를 받아와서 렌더링에 활용하고자 했음. 방법: 커스텀 훅을 만들어 Supabase에서 카테고리 데이터를 요청하고, 데이터를 받아오는 것까지 성공함. 2. 데이터를 효율적으로 활용하기 위한...

우선 카테고리 데이터 배열로 관리해보기로함newProductForm 반복되는 부분 컴포넌트화 \- InputFieldSelectField 프론트앤드, api route, 비지니스로직 구현수파베이스 api 사용하는 부분 디버깅

문제: 드롭다운 메뉴를 만들 때, onMouseEnter와 onMouseLeave를 활용해 마우스가 특정 요소 위에 있을 때만 메뉴가 표시되도록 했음. 하지만, 하위 요소로 마우스가 이동할 때 드롭다운이 사라지는 문제가 발생했음.해결: 이 문제는 부모 요소와 자식 요소

Next.js API 라우트에서 req.json()이 정상적으로 동작하지 않는 문제를 겪음 문제 상황 Next.js API 라우트에서 클라이언트로부터 JSON 데이터를 받아 처리하려고 했으나, req.json()이 제대로 동작하지 않고 다음과 같은 에러가 발생함

React Query와 SWR을 사용할 때, 프로바이더로 감싸는 컴포넌트 자체는 클라이언트 - 컴포넌트일 필요는 없지만 실제로 useQuery나 SWR의 useSWR을 호출하는 컴포넌트가 클라이언트 컴포넌트여야 함. 이 둘은 클라이언트 측에서 비동기 데이터를 페칭하고

장바구니에 동일한 상품, 사용자, 옵션이 존재할 경우 수량과 업데이트 날짜만 조정하고, 존재하지 않으면 새로운 항목을 추가하는 방식 구현.장바구니 데이터를 추가할 때 객체 배열을 jsonb 필드와 비교하려는 시도 중 아래와 같은 에러가 발생:객체 배열을 JSON.str

입력하지 않은 값이 쿼리 스트링에 추가되어 URL에 표시되는 현상이 발생함.의도한 URL은 /mypage/my-order/cancel/${orderId}?funnel-step=취소정보+확인인데, 'cancel'뒤에 option=상품이+마음에+들지+않아요.&cancel-