안녕하세요!오늘은 Supabase와 OpenAI를 연동하여 텍스트 기반 AI 검색 시스템을 구현하는 방법에 대해 알아보겠습니다. 최근 벡터 데이터베이스를 활용한 의미 기반 검색이 주목받고 있는데요, Supabase는 PostgreSQL의 pgvector 확장을 통해 이러한 기능을 손쉽게 구현할 수 있도록 지원합니다.1. 프로젝트 준비하기먼저, 필요한 환경을 설정해 보겠습니다.Supabase 프로젝트 설정Supabase 사이트(https://supabase.com/)에 접속하여 로그인합니다.새 프로젝트를 생성하고 적절한 이름을 지정합니다.프로젝트가 생성되면 프로젝트 대시보드로 이동합니다.필요한 패키지 설치새로운 Next.js 프로젝트를 생성하고 필요한 패키지를 설치합니다:# Next.js 프로젝트 생성np..

안녕하세요오늘은 Supabase DB (PostgresQL) 에 연동해서 Data를 Insert 하는 방법을 알아보겠습니다. 1. Supabase 가입/로그인 하기우선.. Supabase 사이트(https://supabase.com/) 에 접속합니다. 그러면 아래와 같은 화면이 뜹니다.저는 이미 가입이 되어 있어서 그냥 로그인을 하는데.. 가입되어있지 않으신 분들은 Github 계정 등과 연동하여 무료 Plan으로 쉽게 가입해서 Organization을 생성 할 수 있습니다.저는 아래와 같이 1개의 Organization이 존재합니다. 여기를 클릭해서 들어가 보면 Organization 선택하는 화면과 유사한 프로젝트 선택화면이 나오는데, 동일한 방식으로 프로젝트를 선택해서 들어가면.. 관리 페이지가 나..

안녕하세요! JWT 인증 시리즈의 세 번째 글입니다. [1편](https://mori29.tistory.com/23)에서는 JWT의 기본 개념과 구조에 대해 알아보았고, [2편](https://mori29.tistory.com/24)에서는 Node.js와 Express를 사용한 서버 측 JWT 인증 구현을 살펴보았습니다. 이번 글에서는 React와 Next.js를 사용하여 클라이언트 측에서 JWT를 효과적으로 관리하고 활용하는 방법에 대해 알아보겠습니다.목차프론트엔드 인증의 중요성JWT 저장 전략 비교React에서 JWT 인증 구현하기Context API를 활용한 인증 상태 관리Axios 인터셉터를 활용한 토큰 자동 갱신Next.js에서의 JWT 인증 구현인증된 라우트 보호하기JWT 인증 디버깅 및 문제..

안녕하세요! JWT 인증 시리즈의 두 번째 글입니다. [1편](링크를 여기에 삽입하세요)에서는 JWT의 기본 개념과 구조, 그리고 작동 원리에 대해 살펴보았습니다. 이번 글에서는 실제로 Node.js와 Express를 사용하여 JWT 인증 시스템을 구현하는 방법을 자세히 알아보겠습니다. TypeScript를 활용하여 타입 안전한 코드를 작성하고, 인증 과정을 미들웨어로 자동화하는 방법도 함께 살펴보겠습니다.목차개발 환경 설정프로젝트 구조 설계기본 Express 서버 설정사용자 모델 및 데이터베이스 연결JWT 인증 구현인증 미들웨어 구현보호된 라우트 구현테스트 및 검증보안 고려사항마무리개발 환경 설정먼저 필요한 개발 환경을 설정해 보겠습니다. 우리는 Node.js, TypeScript, Express, 그..

안녕하세요! 오늘부터 JWT(JSON Web Token) 인증에 관한 시리즈를 시작하려고 합니다. 현대 웹 개발에서 인증은 필수적인 요소이며, 그중에서도 JWT는 가장 널리 사용되는 인증 메커니즘 중 하나입니다. 이 시리즈에서는 JWT의 개념부터 실제 구현까지 단계별로 자세히 알아보겠습니다.목차JWT란 무엇인가?JWT의 등장 배경기존 인증 방식과 JWT의 차이점JWT의 구조JWT 동작 원리JWT 구현 예제 (TypeScript)JWT의 장단점마무리JWT란 무엇인가?JWT(JSON Web Token)는 당사자 간에 정보를 JSON 객체로 안전하게 전송하기 위한 개방형 표준(RFC 7519)입니다. 이 정보는 디지털 서명되어 있어 신뢰할 수 있습니다. JWT는 HMAC 알고리즘 또는 RSA나 ECDSA와 같..

본 문서는 REST API 시리즈 중 3편입니다. 1편에서는 REST API의 기본 개념과 설계 원칙을, 2편에서는 Spring Boot를 활용한 구현 방법을 다루었으며, 이번 편에서는 Nest.JS를 활용한 구현 방법을 설명합니다.1. Nest.JS 소개Nest.JS는 효율적이고 확장 가능한 Node.js 서버 사이드 애플리케이션을 구축하기 위한 프레임워크입니다. TypeScript를 기본적으로 지원하며, 객체 지향 프로그래밍(OOP), 함수형 프로그래밍(FP), 함수 반응형 프로그래밍(FRP)의 요소를 결합하여 사용합니다.특징 설명구조적 설계Angular에서 영감을 받은 모듈화된 구조 제공TypeScript 지원강력한 타입 시스템으로 개발 안정성 향상의존성 주입느슨한 결합과 테스트 용이성 제공다양한 ..