본문 바로가기

분류 전체보기

(56)
상태관리의 근본, Context API Vue로 처음 프론트를 접한 나는 리액트도 당연히 양방향으로 데이터 이동이 가능한 줄 알았다리액트를 배웠을 때 props 전달에서 데이터를 내리고 올리다가 길을 잃었다.. 완전 냄새나는 코드를 작성하다가 Context를 알게되었다그리고 많은 라이브러리에서 Context 개념을 사용하고 있었다Context란props 없이 React에서 컴포넌트 간에 데이터를 전달하기 위한 개념으로, 리액트에서 유일하게 컴포넌트를 건너뛰면서 데이터를 전달하는 방법이다. 언제 사용하나?리액트는 단방향 데이터로, 데이터를 전달하기 위해서는 부모 컴포넌트에서 자식 컴포넌트로 props 전달한다.하지만 앞서 예시처럼 중간에 여러 컴포넌트들을 거쳐야 하거나다크모드, 전체 언어, 특정 state처럼 여러 컴포넌트들이 같은 정보를 요청..
[Firebase] Functions 초기 세팅 하기 Firebase가 제공하는 클라우드 함수 functions 사용법에 대해 정리해보았다그리고 functions를 사용하기 위해서는 요금제 업그레이드가 필요하다 공식문서에서는 클라우드 함수를 아래와 같이 정의하고 있다Cloud Functions for Firebase는 서버리스 프레임워크로, Firebase 기능 및 HTTPS 요청에 의해 트리거된 이벤트에 대한 응답으로 백엔드 코드를 자동으로 실행할 수 있습니다. JavaScript 또는 TypeScript 코드는 Google 클라우드에 저장되며 관리되는 환경에서 실행됩니다. 보통 firebase의 admin 함수를 클라이언트에서 직접 호출해서 사용한다 하지만 클라이언트에서 요청이 이루어지기 때문에, 같은 db를 사용하더라도 다시 입력하는 코드 중복이 발생..