개발천재

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웹사이트 창이 열리면서 계정을 ..

Axios 이해하기Axios는 브라우저와 Node.js 환경에서 사용할 수 있는 HTTP 클라이언트 라이브러리이다. 리액트에서 Axios를 사용하면 REST API와 통신하거나 외부 서버로부터 데이터를 가져오고, 데이터를 전송하는 작업을 간단히 처리할 수 있다. 특히, AJAX(Asynchronous JavaScript and XML) 요청을 쉽게 만들 수 있도록 도와주며, 그 결과를 다루는 데 편리하다. Axios는 Promise 기반으로 비동기 처리를 지원하고, 요청과 응답에서 JSON 데이터를 자동으로 처리하는 기능을 제공한다. 또한, 다른 비동기 통신 API(예: fetch)보다 사용하기 간편하고, 다양한 기능(인터셉터, 요청 취소, 타임아웃 설정 등)을 제공해 백엔드와의 통신을 효율적으로 관리할..

localStorage는 브라우저에 내장된 저장소로 데이터를 브라우저에 key, value 값으로 Storage에 저장할 수 있다. 저장한 데이터는 세션간에 공유되며 심지어 브라우저를 닫고 다시 열어도 저장한 데이터가 유지된다. 데이터는 클라이언트(사용자의 디바이스)에 저장되므로 서버로 전송되지 않는다. 용량은 약 5~10MB까지 데이터 저장이 가능하고(브라우저에 따라 다름), 로컬에 저장되므로 민감한 데이터 저장은 추천하지 않는다. Local Storage는 간단한 데이터 저장이 필요할 때 유용하지만, 민감한 정보 관리나 대량의 데이터를 다룰 때는 서버나 데이터베이스를 사용하는 것이 적합하다.  localStorage 간단 정리localStorage는 브라우저에 데이터를 저장한다.페이지를 새로고침하거나..

Cookies(쿠키)와 Session(세션)은 둘 다 웹 애플리케이션에서 클라이언트와 서버 간의 상태를 관리하거나 데이터를 저장하기 위해 사용된다. 하지만 두 개념은 작동 방식, 저장 위치, 보안 등 여러 면에서 차이가 있다. Cookies (쿠키)쿠키(Cookie)는 웹사이트를 방문할 때 웹 브라우저에 저장되는 작은 정보 파일이다. 이 파일은 사용자가 사이트에 다시 방문할 때, 이전에 설정했던 로그인 정보나 선호하는 언어 등을 기억할 수 있게 도와준다. 예를 들어, 로그인을 한 상태로 사이트를 껐다가 다시 접속하면 자동으로 로그인된 상태로 열리기도 하는데 이 이유가 쿠키 때문이다. 쿠키는 웹사이트가 사용자에게 필요한 정보를 기억하는 데 유용하지만, 너무 많은 정보를 저장하면 보안에 위험이 될 수도 있다..