회고

Next.js에서 앱 라우터를 사용할 때, 요청(Request) 및 응답(Response) API를 사용하여 특정 라우트(Route)*에 대한 커스텀 요청 핸들러(request handler)를 작성할 수 있다. 이를 라우트 핸들러(Route handlers) 라고 부른다. * API(Application Programming Interface): 애플리케이션 프로그래밍 인터페이스를 뜻하며, 소프트웨어 간에 데이터를 교환할 수 있도록 하는 규칙이나 프로토콜  * 라우트(Route) : 웹 애플리케이션에서 특정 URL 경로. 이 글에서는 주로 통신할 서버 URL(슈퍼베이스 등)라우트 핸들러 사용 규칙 1. 앱(app) 폴더 안에서만 라우트 핸들러가 작동되며 라우트(route) 파일로 정의할 수 있다.  2..

supabase란?Supabase는 개발자가 애플리케이션에 필요한 모든 데이터를 저장하고 관리할 수 있는 신뢰할 수 있는 데이터베이스를 제공한다. 이는 효율적이고 확장 가능한 데이터 관리를 위한 다양한 기능을 포함하고 있다. (유사 사이트 - Firebase, Pocktebase)또한 supabase는 모든 것이 오픈 소스이며, 가능한 한 모든 도구를 처음부터 개발하는 대신 기존 도구를 사용하고 지원한다는 특징을 가지고 있다. 이 글에서는 자세히 다루지 않겠다. 이 글의 요지는 supabase에서 조직을 만들고, 기본 데이터베이스를 만드는 최소한의 과정을 기술하는 것이다.  supabase에서 프로젝트 만들고 팀과 공유하기 로그인 이후 organization(조직)에서 project를 생성한다. 생성한 ..

CSR (Client-Side Rendering, 클라이언트 사이드 렌더링) 실행 흐름사용자 요청: 사용자가 페이지를 요청빈 HTML 전송: 서버는 빈 HTML 파일과 JavaScript 파일을 클라이언트로 전송클라이언트에서 데이터 fetching: 클라이언트(ex.크롬 브라우저)는 JavaScript를 실행해 필요한 데이터를 API 등에서 가져온다.클라이언트에서 렌더링: 클라이언트는 데이터를 사용해 페이지를 동적으로 렌더링한다.특징렌더링 위치: 클라이언트(브라우저)에서 렌더링.렌더링 시점: 사용자 요청 후 JavaScript 실행 시리액트의 기본 동작 방식. 클라이언트에서 데이터를 fetching( JavaScript 파일 다운로드 및 실행 , JavaScript  파일로부터 DOM을 렌더링)하는 과정..