분류 전체보기

Disney Plus 를 가볍게 클론코딩한 프로젝트로 Firebase를 통한 인증을 연습하는데 도움이 된 프로젝트였다. 사용자 인증을 통해 받아온 데이터를 로컬 스토리지에 저장하고 가져오도록 설정되어 있었는데 이번에 해당 데이터를 Redux를 이용해서 관리하도록 수정해보기로 했다. 이때 문제가 발생했다. Redux는 새로고침이 발생하면 저장된 state가 리셋되는 문제가 있었다. 로그인 정보를 관리하는 경우 state가 유지되어야할 필요성이 있었다. 이럴 때 redux-persist를 활용하면 문제를 해결할 수 있다. 사용 방법 1 )Install npm i redux-persist yarn add redux-persist TypeScript npm i redux-persist @types/redux-p..

컴퓨터 구조 컴퓨터 시스템의 기본적인 구조와 동작 원리를 배우는 이론. CPU와 입출력 장치의 기능을 이해하고 병렬 및 분산 컴퓨터의 기본적인 구조 동작 원리를 배웁니다. 주 교재는 인강을 듣는 것으로 학습하지만 부 교재로서 [혼자 공부하는 컴퓨터 구조+운영체제]를 활용해서 학습합니다. 집중적으로 학습할 내용은 아래와 같습니다. 명령어 데이터 CPU 메인 메모리와 캐시 메모리 보조 기억 장치와 입출력 장치 운영체제 사용자가 컴퓨터를 쉽게 다룰 수 있게 해주는 인터페이스, 컴퓨터 자원을 효율적으로 관리하기 위한 시스템 등으로 정의된다. 운영체제는 하드웨어와 소프트웨어를 관리하는 특수한 프로그램이라고 할 수 있다. 주 교재는 인강을 활용하지만 부 교재로써 [혼자 공부하는 컴퓨터 구조+운영체제]를 병행하여 학..

유용하고 강력한 상태 관리 라이브러리임에도 불구하고 힘들여 배워 놓고 사실상 한번도 사용해 보지 못했다. Redux는 자바스크립트 상태 관리 라이브러리로 다양한 데이터를 한곳에서 관리하고 여러 컴포넌트가 이를 구독함으로서 동작한다. 컴포넌트간 프롭으로 데이터를 전달하는 것과 달리 Redux에서는 데이터가 한방향으로 흐르게 되어 있다. Redux의 세가지 원칙 1. Single source of truth 데이터는 Store에서 가져오며 스토어는 하나만 존재할 수 있다. 즉 데이터는 한곳에서 관리된다는 의미이다. 2. State is read-only 데이터는 읽는 것만 가능하며 변경을 위해서는 액션 객체를 이용해서 변경하는 것이 가능하다. 3. Changes are made with pure functi..

Firebase는 구글에서 서비스하고 있는 유용한 API입니다. 인증관리를 통해서 계정을 손쉽게 만들고 관리할 수 있게 해주는 인증 기능과 서버 없이 DB를 사용할 수도 있다. 이번에는 구글 계정 인증을 위해 사용해 보았으나 몇가지 서비스를 구현할 때 이를 이용하면 번거롭게 서버를 구축하지 않고도 간단한 API를 만들 수 있을 것으로 기대된다. 또한 구글 애널리틱스를 연동할 수 있어 사용자의 활동도 분석할 수 있으니 활용도가 높은 서비스라고 생각되었다. 문서도 한글화가 되어 있어서 학습의 난이도가 높지 않으니 익혀두면 쓸모가 있을 것으로 생각된다.