개발천재

CORS는 웹 브라우저에서 도메인이 다른 서버끼리 서로 요청을 주고 받을 수 있게끔 해주는 것  CORS 이해하기CORS(Cross-Origin Resource Sharing)는 웹 브라우저에서 다른 출처의 리소스를 요청할 수 있도록 허용하는 것을 말한다. 웹 애플리케이션은 보안을 위해 기본적으로 동일 출처 정책(Same-Origin Policy)을 따르는데, 이 정책에 따라 한 웹 페이지가 다른 출처의 리소스에 접근하려고 하면 제한이 발생한다. CORS는 이 제한을 허용할 수 있도록 한다. example.com 이라는 집이 있다고 가정해보자. example.com이라는 집은 그 집에 사는 사람만 들어갈 수 있다. 다른 사람은 허락 없이 들어올 수 없다. 그런데 만약에 example.com에 살고 있는 ..

firebase tool 설치하기리액트 프로젝트를 firebase 호스팅에 배포하기 위해서는 firebase CLI(Firebase 명령어 도구)를 설치해야한다. 설치는 터미널에서 아래 명령어를 실행해서 설치할 수 있다.npm install -g firebase-tools  아래 명령어를 입력하여 firebase에 로그인하고, 질문이 나오면 n을 입력하고 엔터를 누른다.firebase 프로젝트에 접근하려면 로그인을 해야하는데 아래 명령어를 실행하면 구글 계정으로 로그인할 수 있다. firebase loginAllow Firebase to collect CLI and Emulator Suite usage and error reporting information? (Y/n) n웹사이트 창이 열리면서 계정을 ..

리액트에서 firebase SDK 설치하기터미널에서 아래의 코드를 입력하여 firebase SDK를 설치한다.npm install firebase  src 폴더 안에 firebase.js 파일을 생성하고 Firebase 설정 코드를 추가한다.설정코드는 firebase에서 프로젝트를 생성하고 설정을 완료하면 제공된다.(문서 하단 참조)// src/firebase.jsimport { initializeApp } from "firebase/app";import { getAuth } from "firebase/auth";import { getFirestore } from "firebase/firestore";// Firebase 설정 객체const firebaseConfig = { apiKey: "YOUR_A..