Bin's Blog

쿠키과 세션의 차이가 뭔지 알고 싶어서 이렇게 정리한다. 쿠키 1️⃣ 쿠키란? 👉 쿠키(Cookie)라는 용어의 어원을 보면 웹 브라우저가 활동하면서 남기는 사용자의 자취들이 마치 먹다 떨어뜨린 과자부스러기와 유사한 점에서 비롯했다. 👉 쿠키는 클라이언트(브라우저) 로컬에 저장되는 키와 값이 들어있는 작은 데이터 파일이다. 👉 쿠키는 클라이언트의 상태 정보를 로컬에 저장했다가 참조한다. 👉 클라이언트에 300개까지 쿠기저장 가능, 하나의 도메인당 20개의 값만 가질 수 있다. 👉 쿠키는 사용자가 따로 요청하지 않아도 브라우저가 Request시에 Request Header를 넣어서 자동으로 서버에 전송한다. 2️⃣ 쿠키의 구성 요소 👉 이름 : 각각의 쿠키를 구별하는 데 사용되는 이름 👉 값 : 쿠키의 이..

💻 팀 과제 👉 파이어베이스 docs를 바탕으로 서버 구축 GitHub - UdemyFrontendBootCamp/firebaseConnectionTest Contribute to UdemyFrontendBootCamp/firebaseConnectionTest development by creating an account on GitHub. github.com 👉 과제 후기 및 느낀점 백엔드에서 데이터 받아오는 연습 많이 해야겠다...

🤔 firebase란? 👉 Google에서 제공하는 클라우드 기반 개발 플랫폼이다. 이 플랫폼을 이용하면 개발자들이 모바일 애플리케이션과 웹 애플리케이션을 보다 쉽고 빠르게 개발할 수 있게 돕는다. 👉 개발자들이 백엔드 서버를 걱정하지 않고, 앱 개발에 집중할 수 있다. 또한 Goggle Cloud Platform과 잘 통합되어, 크기가 크거나 복잡한 프로젝트에도 적합하다. 👉 firebase의 기능들 1️⃣ Realtime Database: 실시간으로 정보를 동기화해주는 NoSQL 데이터베이스이다. 이를 통해 여러 사용자가 동시에 앱을 사용하더라도 데이터가 실시간으로 업데이트되어 각 사용자에게 반영한다. 2️⃣ Authentication: 이메일과 비밀번호, 전화번호, Google, Facebook, ..

💻 개인 과제 👉 무비앱을 리덕스를 사용하여 데이터 흐름 관리해보기(소스코드) GitHub - hobin49/react-assignment-07-02- Contribute to hobin49/react-assignment-07-02- development by creating an account on GitHub. github.com 👉 과제 후기 및 느낀점 Vue.js의 Vuex가 redux보다 훨씬 사용하는 것에 있어서는 간편하다. 초기에 redux의 흐름을 제대로 파악하고 사용하는 것이 중요하다.

🤔 Redux란? 👉 Redux는 리액트 생태계에서 가장 사용률이 높은 라이브러리이다. 리덕스를 사용하면 여러분이 만들게 될 컴포넌트들의 상태 관련 로직들을 다른 파일들로 분리시켜서 더욱 효율적으로 관리할 수 있으며 상태 관리를 손쉽게 할 수 있다. 👉 Redux는 useState와 마찬가지로 변하는 값들을 관리해주는 관리 시스템이다. 다만 차이가 있다면 Redux는 전역으로 데이터 상태를 관리한다. 👉 Props를 가지고 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달해주는 방식을 사용하지만 간단한 상황에서는 잘 작동하지만, 애플리케이션이 복잡해지고 컴포넌트의 계층이 깊어질수록 상태 관리가 복잡해질 수 있다. 특히 여러 컴포넌트가 동일한 상태를 공유하거나, 비동기 작업으로 상태가 변경되어야 하는 경우에..