개발4 무한스크롤에서 뒤로가기로 돌아왔을 때 스크롤 위치 복원하기 서론웹브라우저에서는 페이지 이동이 일어나니까 뒤로가기할 때 원래 보고 있던 스크롤 위치로 복원하기가 항상 골치 아프던 문제였다.특히 무한스크롤은 더욱더! 스크롤 복원 문제일반적으로 세션 스토리지(Session Storage) 등에 스크롤 위치를 저장하고,뒤로 가기 버튼을 눌렀을 때 저장된 위치로 복원하는 방식이 많이 사용된다.하지만 문제는 타이밍이다. 뒤로가기 직후에 UI가 화면에 다 그려지기 전에는 스크롤이 100% 채워지지 않았으니까그 전에 스크롤 복원을 하면 잘못된 위치로 이동할 가능성이 높다. 그래서 짧게 딜레이를 주고, 그 시간 안에 화면이 다 그려지기를 기도하곤 했다. 그런데 이 방법으로는 무한스크롤 페이지를 많이 불러올수록 오차는 심해질 수 밖에 없다. 무한스크롤일 경우 스크롤 길이가 아주 .. 2025. 4. 3. 쿠키 SameSite=None 대소문자 구분. redirect uri에서 로그인이 풀린다면? 문제점) redirect uri에서 쿠키가 사라짐결제창에서 결제 완료 후 redirect uri로 다시 돌아왔을 때 쿠키가 사라져서 로그인이 풀리는 일이 발생했다.(access token을 쿠키에 저장 중)그것도 매번이 아니고 간헐적으로.. 원인 예상) SameSite결제시 우리 사이트가 아닌 다른 사이트로 갔다오는 거라서 쿠키 전송에 문제가 있을 것으로 예상했다.다른 사이트 간 쿠키 전송을 설정할 수 있는 옵션이 Set-Cookie 에서 SameSite. 🔹 SameSite란?SameSite는 웹 브라우저가 쿠키를 언제 요청과 함께 전송할지 결정하는 보안 속성입니다.이는 CSRF(Cross-Site Request Forgery) 공격을 방지하고, 사이트 간 쿠키 전송을 제어하는 역할을 합니다.🔹 S.. 2025. 2. 7. 카카오톡 인앱 브라우저에서 카카오로그인 안 됨. 해결 방법! v1에서 v2로, 자동로그인 최근에 카카오톡 인앱 브라우저에서 우리 서비스의 카카오 로그인이 안 되는 오류가 발생했다.하지만 인앱 브라우저는 디버깅 하기가 너무 까다로운 것.. 인앱 브라우저에서 카카오 로그인 창 조차 열리지 않는 상태였다.내가 원래 쓰고 있던 건 Kakao SDK for JavaScript v1 해결 방법, 목표이번에 v2로 업그레이드 해보기로 했다.+ 원래 하고 싶었던, 인앱 브라우저일때 카카오 자동로그인 시키기 까지! v1에서 v2로 마이그레이션 하는 방법은 여기 공식 문서에 나와있다.문서는 짧아보여서 몇 분만에 끝날 줄 알았으나, 생각보다 많은 시간(몇 시간..)을 투자해서 업그레이드 했다. 마이그레이션 시간이 오래 걸린 이유: 팝업 로그인시간이 오래 걸린 이유는.. 내가 원래 로그인 시킬 때 loginF.. 2025. 1. 23. 프로젝트별로 깃허브 계정을 다르게 설정하는 방법, 403에러 해결 한장 요약 ※ 깃 기초 사용법은 알고있다고 가정합니다.프로젝트(폴더)마다 깃허브 계정 다르게 설정할 수 있나?그럼요!각각 여러 계정을 설정할 수 있습니다.예를 들면 회사 프로젝트와 내 개인 사이드 프로젝트를 하나의 PC에서 각각 잔디를 심을 수 있다는 말이죠! 깃 유저 정보 설정 방식깃에서는 유저 정보를 설정하는 두 가지 방식이 있습니다:--global: 모든 프로젝트에 적용되는 전역 설정.--local: 특정 프로젝트에만 적용되는 로컬 설정. 글로벌 유저 정보 확인하기git을 평소에 사용하시는 분이라면 보통 —global 글로벌에 유저 정보는 이미 등록되어있을텐데요, 글로벌로 설정된 유저 정보를 확인하려면 아래 명령어를 사용하세요:git config --global user.namegit co.. 2025. 1. 18. 이전 1 다음
