본문 바로가기

전체 글122

Prisma + Neon: 현대적인 풀스택 개발을 위한 완벽한 조합 Prisma + Neon현대적인 풀스택 개발을 위한 완벽한 조합개요현대 웹 개발에서 데이터베이스 선택과 ORM은 프로젝트 성공의 핵심 요소입니다. Prisma와 Neon의 조합은 개발자 경험과 성능을 모두 만족시키는 강력한 솔루션을 제공합니다.Prisma란?🔒 타입 안전한 데이터베이스 클라이언트TypeScript와 완벽한 호환으로 컴파일 타임에 오류를 잡아냅니다.📝 직관적인 스키마 정의Prisma Schema Language (PSL)로 명확하고 읽기 쉬운 스키마를 작성할 수 있습니다.🚀 자동 마이그레이션스키마 변경사항을 안전하고 자동으로 데이터베이스에 적용합니다.⚡ 강력한 쿼리 빌더복잡한 관계형 쿼리도 간단하고 직관적으로 작성할 수 있습니다.기존 방식 vs Prisma 비교SQL// 기존 SQL .. 2025. 9. 18.
Google Safe Browsing이란? 웹 보안의 숨은 영웅 🛡️ 인터넷을 사용하다가 갑자기 이런 빨간 경고창을 본 적이 있으신가요?⚠️ 위험한 사이트입니다이 사이트는 컴퓨터에 해를 끼칠 수 있습니다.Google Safe Browsing에 의해 차단되었습니다. 바로 이것이 Google Safe Browsing이 여러분을 보호하고 있다는 신호입니다. 오늘은 우리가 매일 사용하지만 잘 모르는 이 강력한 보안 시스템에 대해 알아보겠습니다. Google Safe Browsing이란?Google Safe Browsing은 구글이 2007년부터 무료로 제공하는 웹 보안 서비스입니다. 간단히 말해서 인터넷의 경비원 역할을 하죠.🔍 주요 기능40억 개 이상의 웹사이트를 매일 스캔피싱, 멀웨어, 사회공학적 공격 사이트 탐지30억 개 이상의 기기에서 사용 중하루 수백만 건의 위험 경고.. 2025. 9. 17.
SSL 인증서란? 간단한 비유SSL 인증서 = 웹사이트의 신분증마치 우리가 신분증으로 본인을 증명하듯이, 웹사이트도 "나는 진짜 binance.com이야!"라고 증명하는 디지털 신분증이 SSL 인증서입니다.🌐 HTTP vs HTTPS의 차이 HTTP://binance.com ← 암호화 없음, 위험HTTPS://binance.com ← SSL로 암호화됨, 안전브라우저 주소창을 보면:🔒 자물쇠 아이콘 = SSL 인증서 있음⚠️ 경고 표시 = SSL 문제 있음 📜 SSL 인증서에 담긴 정보들실제 binance.com의 SSL 인증서를 보면: 인증서 정보:├── 소유자: Binance Holdings Limited├── 도메인: *.binance.com, binance.com ├── 발급기관: DigiCe.. 2025. 9. 17.
Auth 서비스 비교 🔐 Auth 서비스 비교 서비스 설정 난이도 개발자 경험 소셜 로그인 가격 특징 🚀 BaaS 통합형 (Auth + DB + API) 🔥 Supabase(현재 사용) .. 2025. 9. 16.
OAuth 2.0플로우차트 OAuth 2.0이란?OAuth 2.0은 "다른 서비스의 계정으로 로그인하기"를 안전하게 해주는 표준 프로토콜입니다. 예를 들어, 새로운 앱에 가입할 때 "Google로 로그인" 버튼을 본 적 있죠? 그게 바로 OAuth입니다.왜 OAuth를 사용할까?사용자 입장에서:새로운 비밀번호를 만들 필요 없음이미 사용하는 계정(Google, 카카오 등)으로 간편 로그인개발자 입장에서:사용자 정보를 직접 관리할 필요 없음보안 걱정 줄어듦회원가입 절차 간소화OAuth Flow 여기에서 supabase auth 서버를 사용하면 OAuth 서비스와의 통신을 대신 해주게 되어, 편리하다. (개발자 입장에서는 파란색 부분만 신경쓰면 된다) ❌ 개발자가 안 해도 되는 것들 (Supabase가 대신): 빨간색 부분OAuth .. 2025. 9. 16.
React에서 무한 루프 발생 원인 useEffect 의 의존성 배열에 함수를 넣어버림(하아.. 이래서 AI를 너무 믿으면 안됨!) 의존성 배열안에는 useState 가 있어야 이전 렌더링과 비교해서 useEffect 를 실행할 것인지 아닌지를 판단하는데,함수가 들어가버리면 매번 새로운 주소로 생성하므로 매번 새 함수라고 잘못 판단해서무한 루프에 빠지게 된다. 결론 : 의존성 배열을 [] 로 만들어주면 해결! 2025. 9. 11.
React Hook은 언제, 왜 사용하는가? 🎣 React Hook 완전 정복 언제, 왜 사용하는지부터 실무 활용법까지 한 번에 마스터하기 📋 목차 🎯 React Hook이란? ⏰ 언제 사용하는가? 💡 왜 사용하는가? ⚖️ 일반 JS 모듈과의 차이점 🔧 실무 활용 예시 ✨ 베스트 프랙티스 🎉 결론 🎯 React.. 2025. 9. 11.
Blob URL vs Presigned URL: 웹 개발자를 위한 완전 가이드 🔗 Blob URL vs Presigned URL 웹 개발자를 위한 완전 가이드 파일 관리의 두 가지 핵심 기술을 마스터하고, 실제 프로젝트에서 발생하는 문제들을 해결해보세요! 📋 목차 🎯 개요 및 핵심 차이점 🔵 Blob URL 완전 분석 🟢 Presigned URL 완전 분석 📊 상세 비교표 🚀 실제 사용 시나리오 ⚠️ URL 전환 문제점.. 2025. 9. 11.
Git Cherry-pick 이란? # 1. dev 에 commit & push (hash 정보를 가져옴 : 7183c68) # 2. main 브랜치로 전환 git checkout main # 3. 최신 상태로 업데이트 git pull origin main # 4. cherry-pick으로 특정 커밋만 적용 git cherry-pick 7183c68 # 4. cherry-pick을 여러개 적용 git cherry-pick df29897 749dfc4 # 4. cherry-pick을 범위로 지정 git cherry-pick df29897..749dfc4 # 5. main에 푸시 git push origin main다른 브랜치의 특정 커밋만 쏙 빼서 현재 브랜치에 적용하고 싶다면? Cherry-pick이 바로 그 .. 2025. 9. 10.
반응형

티스토리툴바