본문 바로가기

Tech Notes122

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.
반응형

티스토리툴바