본문 바로가기
728x90
반응형

분류 전체보기471

https://pagead2.googlesyndication.com 는 무슨 도메인? https://pagead2.googlesyndication.com은 ‘구글 공유(share) API’ 도메인이 아닙니다.✔ 이것은 어떤 도메인인가?pagead2.googlesyndication.com은**Google AdSense / Google Ads(광고 서비스)**에서 사용하는 광고 로딩·트래킹용 도메인입니다. 웹사이트에 표시되는 배너 광고, 광고 스크립트, 트래킹 픽셀 등이 이 도메인을 통해 로딩됩니다.✔ 무엇과 관련없는가?Google Share APIGoogle Social ShareGoogle OAuth / 로그인 APIGoogle Cloud API이런 서비스와는 완전히 무관합니다.필요하시면 해당 도메인에서 어떤 요청이 오가는지, 광고 차단 시 영향 등을 더 설명드릴게요! Q. 해당 도메인.. 2025. 11. 23.
403 에러 & Referrer vs Origin 차이점 403 Forbidden 은 서버가 요청을 이해했지만 “허용하지 않겠다”라고 명시적으로 거부할 때 발생하는 HTTP 상태 코드야. 즉,“네가 뭘 요청하는지는 알겠는데, 이 권한으로는 접근 못 해.”라는 뜻.✅ 403 에러의 정확한 의미요청 자체는 정상적임서버는 요청의 형식·헤더·파라미터도 다 이해함하지만 로그인/권한/정책/보안 규칙 등 때문에 접근을 허용하지 않음그래서 서버가 일부러 ‘금지(Forbidden)’ 시키는 상황에서 발생함.🔍 403이 일어날 수 있는 대표적인 경우✔ 1) 인증은 되었지만 권한이 없음예:로그인은 했지만 관리자 페이지 접근티켓팅 서버가 대기열을 통과한 사용자만 허용하는데 네가 통과하지 않음✔ 2) IP / 기기 차단(보안 정책)너무 많은 요청 → DDoS 의심VPN / 프록시 .. 2025. 11. 17.
Access-Control-Allow-Credentials & Access-Control-Allow-Origin Access-Control-Allow-Credentials: true 는CORS(Cross-Origin Resource Sharing) 에서 사용하는 HTTP 응답 헤더로,브라우저가 쿠키, 세션, Authorization 헤더 같은 인증 정보를 포함한 요청을 허용하도록 한다는 의미입니다. 아주 중요한 보안 관련 헤더입니다.✅ 정확한 의미✔ 브라우저가 다음을 요청에 포함할 수 있게 한다:쿠키 (Cookie)세션 정보Authorization 헤더 (Bearer 토큰 등)TLS client certificate즉, 인증이 필요한 요청을 cross-origin(도메인이 다른 환경)에서 보낼 수 있게 허용하는 옵션입니다.❗ 중요한 조건Access-Control-Allow-Credentials: true를 쓰려면 .. 2025. 11. 17.
JSON은 형식일뿐? JSON 문자열 vs JS 객체 / res.json() = JSON.parse() 좋아, 이 질문은 많은 개발자가 헷갈리는 핵심 포인트이므로완전히 깔끔하게 정리해줄게.결론부터 말하면: JSON은 “데이터를 표현하는 텍스트 형식”일 뿐 객체가 아니다.🎯 핵심 결론 4줄 요약JSON은 오직 “문자열 형식(text format)”이다.즉, 파일·응답·문자열일 뿐 객체가 아니다.“JSON 객체”라는 표현은 사실 틀린 말이다.정확한 말은 “JSON 구조를 담고 있는 문자열(JSON text)”.JavaScript 객체는 실제 메모리에 존재하는 js 엔진의 데이터 구조다.JSON 문자열을 파싱(분석)하면 -> JavaScript 객체가 만들어지는 것.→ 둘은 완전히 다른 것!1️⃣ JSON이란 무엇인가?JSON의 정의:JavaScript Object Notation (자바스크립트 객체 표기법).. 2025. 11. 17.
navigator.userAgnet = User-Agent 헤더(Request Headers) 결론부터 말하면:Request Header 의 User-Agent 값 = navigator.userAgent 값(거의 동일)하지만 항상 1:1 복사 관계는 아님그리고 navigator 객체는 브라우저 자바스크립트 실행 환경을 대표하는 객체 아래에서 자세히 설명할게.✅ 1. navigator.userAgent 와 Request Header의 User-Agent의 관계✔ 둘은 원래 "같은 문자열"을 가리키도록 설계됨브라우저는 서버에 요청할 때 Request Header에 다음처럼 넣음:User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) ...그리고 JS에서도:navigator.userAgent 하면 같은 문자열이 나온다.✔ 하지만 정확히 100% 동일하다고 보장되.. 2025. 11. 17.
[[Prototype]]: Object = Object.Prototype.toString.call(obj) = [object Object] [[Prototype]]는 자바스크립트 객체가 상속받는 부모 객체(프로토타입) 을 가리키는 내부 슬롯(internal slot)이야.쉽게 말하면:“이 객체가 어디에서 속성/메서드를 상속받는가?”를 나타내는 숨겨진 연결 고리(link). 아주 중요한 개념이라 정확하게 설명해줄게.✅ 1. 객체에는 보이지 않는 내부 슬롯이 있음JS 객체에는 다음처럼 키-값 쌍 외에도엔진 내부에서 관리하는 숨겨진 슬롯이 존재함.그 중 하나가 바로 [[Prototype]]. 예:const obj = { a: 1 };console.log(obj); 개발자 도구에서 펼쳐 보면:a: 1[[Prototype]]: Object이렇게 보이지?바로 이게 “프로토타입 체인”의 출발점.✅ 2. [[Prototype]]은 상속용 링크예를 들어:c.. 2025. 11. 16.
728x90
반응형

티스토리툴바