Error4 [Error] CORS(Cross-Origin Resource Sharing) 사전지식 - SOP(Same-Origin Policy)이란? - mdn 설명 - 동일 출처 정책은 어떤 출처(프로토콜, 호스트, 포트)에서 불러온 문서나 스크립트가 다른 출처에서 가져온 리소스와 상호 작용할 수 있는 방법을 제한하는 중요한 보안 메커니즘입니다. 동일 출처 정책(Same-Origin Policy, SOP)은 웹 보안에 있어 중요한 원칙이지만, 모든 HTTP 요청에 적용되는 것은 아니다. SOP는 웹 페이지가 다른 도메인의 리소스에 접근하는 것을 제한하나, , , 와 같은 태그를 이용하여 다른 도메인의 이미지, CSS, JS 파일을 요청하는 것은 허용한다. 동일 출처 정책의 정확한 구현 명세는 없지만 최신의 브라우저들은 일정 규칙을 따르고 있다. ( RFC6454 ) CORS란? - mdn .. 2024. 2. 18. [Error]ModuleFederation Shared module is not available for eager consumption(웹팩 모듈 페더레이션과 즉시 로딩: react 모듈 사용 시 발생하는 오류 해결하기) 에러 발생 애플리케이션 개발 중, 웹팩의 모듈 페더레이션 기능을 사용하여 react 모듈을 공유하려 할 때 다음과 같은 오류 메시지가 나타났다. Error: Shared module is not available for eager consumption: webpack/sharing/consume/default/react/react 에러 발생 소스 이 오류는 웹팩의 ModuleFederationPlugin을 사용하여 마이크로프론트엔드 아키텍처에서 공유 모듈(react 및 react-dom 등)을 설정할 때 발생했다. 특히, react 모듈을 애플리케이션의 다른 부분에서 "즉시(eagerly)" 사용하고자 할 때 이 문제가 나타났다. 웹팩 설정 예제: plugins: [ new ModuleFederation.. 2024. 2. 4. [Error]node_modules .pnpm 경로 인식 못 하는 이슈 (임시해결) 에러발생 JSX element implicitly has type 'any' because no interface 'JSX.IntrinsicElements' exists. 이 에러는 TypeScript 프로젝트에서 JSX를 사용할 때 발생한다. TypeScript는 JSX 요소를 해석하기 위해 내부적으로 JSX.IntrinsicElements 인터페이스를 하고, 만약 React와 같은 라이브러리의 타입 정의가 프로젝트에 포함되어 있지 않다면, TypeScript는 JSX 요소의 타입을 결정할 수 없어 이런 에러를 발생시킨다 Cannot find module 'react' or its corresponding type declarations. 이 에러는 'react' 모듈이나 해당 타입 선언 파일(*.d... 2024. 2. 4. [Error]인텔리J - react @type 에러 “ cannot resolve symbol '*’ ” 에러발생 cannot resolve symbol 'Dispatch’ 에러 발생 소스 import React, { Dispatch, FormEvent, LegacyRef, SetStateAction, KeyboardEvent } from 'react'; 에러 발생 원인 인텔리제이 버전 문제. 해결 방법 2021 버전 -> 2023 버전으로 업데이트 후 정상 작동 2024. 1. 19. 이전 1 다음
