본문 바로가기
728x90

웹개발2

[OAuth2] 기존 시스템에 네이버 소셜 로그인 기능 연동하기 (JWT + 팝업 방식) ✅ 프로젝트 목표기존 이메일/비밀번호 로그인 시스템이 있는 웹 애플리케이션에 네이버 소셜 로그인(OAuth2) 기능을 추가합니다. 로그인 후 네이버 계정을 통해 별도 회원으로 가입되며, JWT 방식으로 인증 처리됩니다.✅ 전체 동작 시나리오사용자가 "네이버 로그인" 버튼 클릭팝업 창으로 네이버 로그인 화면으로 이동로그인 성공 후, 등록된 redirect_uri로 code 와 state 전달백엔드에서 access_token 요청 → 사용자 정보 요청네이버 UID로 사용자 조회 → 없으면 자동 회원가입JWT 발급 → 팝업창에서 부모창으로 전달부모창은 토큰 저장 후 로그인 상태 처리✅ 핵심 처리 방식naverId: 네이버에서 제공하는 비식별 UID로, 계정 식별자로 사용됨이메일: 사용자 정보 중 하나지만, 로.. 2025. 4. 2.
[면접 대비] 브라우저에 google.com을 입력하면 무슨 일이 일어날까? 개요웹 개발자나 네트워크 엔지니어 면접에서 자주 나오는 질문 중 하나가 **"브라우저에 google.com을 입력하면 무슨 일이 일어나는가?"**이다. 이 질문은 웹의 동작 원리, 네트워크 구조, 브라우저 렌더링 과정 등을 얼마나 이해하고 있는지 평가하는 데 사용된다.  google.com을 입력하고 엔터를 누르는 순간부터 웹페이지가 표시될 때까지의 전체 흐름에 대하여 정리했다.1. 사용자가 google.com 입력 후 Enter를 누름먼저 사용자가 브라우저의 주소창에 google.com을 입력하고 Enter를 누르면, 브라우저는 이 URL을 처리하기 시작2. DNS(Domain Name System) 조회브라우저는 google.com을 IP 주소로 변환하기 위해 DNS 요청을 보냄.로컬 캐시 확인: 브.. 2025. 2. 10.
728x90