cha123hein 님의 블로그

1. 문제점 북마크 기능을 넣는데, 처음에 text내용만 불러오길래. text내용으로 supabase에서 자료를 불러오도록 하였다.그러고 이제 유저정보를 불러냈는데 유저정보를 불러내면 supabase에서 불러온 내용들이 undefiend로 불러와졌다. 2. 문제사항처음에 text내용만 불러왔던점에서 대수롭지 않게 여겨 그대로 진행햐였는데, 알고보니 컴포넌트 분리를 하면서 props를 text만 내리고있었고, title과 contentid는 안내리고 있어서 null로 취급이 되어 안나타났었다. 3. 문제 해결

1. 문제점 컴포넌트 분리 후 api를 계속 중복적으로 불러와서 일일 트레픽 1000을 금방 넘겨버림. 2. 문제사항컴포넌트 분리를 하면서 서버 컴포넌트로 동작하도록 작성되었다.Next.js에서는 클라이언트 컴포넌트('use client'를 선언한 컴포넌트)에서 비동기적인 함수 실행을 곧바로 하지 못하는 문제가 발생할 수 있다. 특히 페이지가 새로 렌더링될 때마다 fetchPlaces 함수가 호출되고, 그로 인해 API 요청이 중복으로 발생하는 문제가 생긴 것이다.비동기 함수와 'use client'의 충돌: RecommendedPlaces 컴포넌트가 'use client'로 선언된 상태에서 직접적으로 비동기 로직을 처리하고 있었다. 이는 클라이언트 컴포넌트의 경우 허용되지 않거나 부적절한 방식이다.서버..