본문 바로가기

분류 전체보기115

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.
딥링크(Deep Link)란 무엇인가? - 모바일 앱과 웹의 연결고리 딥링크(Deep Link)란 무엇인가? - 모바일 앱과 웹의 연결고리딥링크의 정의딥링크(Deep Link)는 모바일 앱이나 웹사이트의 특정 페이지나 콘텐츠로 직접 연결되는 링크를 의미합니다. 일반적인 링크가 홈페이지나 메인 화면으로 이동하는 것과 달리, 딥링크는 사용자를 원하는 특정 위치로 바로 안내합니다.딥링크의 주요 유형1. 기본 딥링크 (Basic Deep Link)앱이 설치된 경우에만 작동앱이 없으면 오류 발생가장 단순한 형태의 딥링크2. 지연 딥링크 (Deferred Deep Link)앱이 설치되지 않은 경우 앱스토어로 이동앱 설치 후 원하는 페이지로 자동 이동사용자 경험 향상에 효과적3. 컨텍스추얼 딥링크 (Contextual Deep Link)사용자 정보와 행동 데이터를 포함개인화된 경험 제.. 2025. 9. 9.
반응형

티스토리툴바