createSlice의 reducers에서 async 함수를 사용할 경우, 해당 reducer는 CaseReducerWithPrepare 타입으로 선언되어야 한다. 따라서 setJwtTokens reducer의 타입을 다음과 같이 변경해야한다.이와 함께, setJwtT

함수의 재활용성을 높이고 합성을 쉽게 하기 위해서는 가능한 한가지 의미 있는 작업을 하는 최소한의 의미를 가지는 순수 함수들을 만들고,이 함수들을 마치 레고블록처럼 조합(합성)해서 더 큰 프로그래밍을 만들어나가야 합니다.지난 클립과 마찬가지로 부수효과가 포함된 for루

함수의 재활용성을 높이고 합성을 쉽게 하기 위해서는 가능한 한가지 의미 있는 작업을 하는 최소한의 의미를 가지는 순수 함수들을 만들고,이 함수들을 마치 레고블록처럼 조합(합성)해서 더 큰 프로그래밍을 만들어나가야 합니다.위의 totalCount함수와 totalPrice

JSDoc을 이용해 타입지정을 하는 경우 타입스크립트가 이를 읽고 파싱하여 타입을 지정해주게 됩니다.위와 같이 사용을 할 수 있습니다.

자바스크립트 프로젝트에 타입체킹 부분만 도움을 받기 위해 jsconfig.json파일을 세팅하던 중 아래와 같은 에러가 발생했다.JSON schema for a Javascript project using TypeScript tooling스택오버에 따르면 이는 비쥬얼스

.prettierrc.eslintrc.js.vscode > settings.json프로젝트에만 해당 룰을 적용하기 위해서는 .vscode폴더와 폴더 내부에 setting.json파일을 만들어 세팅을 해주면 됩니다.자주 사용되는 에어앤비 플러그인을 통해 코드를 보다 쉽게

redis란 Remote Dictionary Server의 약자로, 키-값 구조의 비정형 데이터 저장관리 도구입니다.key-value형태로 이루어져있다.비정형 데이터이다.일반적인 RDS는 테이블에 맞춰서 데이터 형태가 정해져있기 때문에, 데이터를 바꾸기 위해서는 테이블

가상머신을 사용하게 되면 하나의 컴퓨터(또는 서버)에서 여러 os를 사용을 할 수 있습니다.hypervisor가 가상머신을 생성하고 구동하는 소프트웨어가 됩니다. 대표적인 hypervisor로는 버츄얼박스(virtualBox)와 브이엠웨어(VMware)가 있습니다.하지

s3의 경우, 사용하는 모든 종류의 파일을 저장할 수 있으며 저장된 파일을 hosting해 정적사이트로 만들 수도 있습니다.s3의 경우 기본이 글로벌이기 때문에, 따로 리전을 설정하지 않아도 됩니다.버킷안에 모든 파일이 들어간다고 생각을 하면 됩니다.버킷을 만들때는 언

AWS에서 가장 대표적인 서버인 EC2AWS에서 가장 기본이 되는 서버 단위서버를 통해서 하나의 컴퓨터 안에서도 원하는 모든 것을 구현할 수 있음서버안에 데이터 베이스를 설치할 수도 있습니다.보통 EC2 instance라고 많이 부릅니다.AWS에서 가장 대표적인 파일

Tranasction은 EOA가 EOA에게 Eth를 전송하거나 EOA가 CA를 호출할 때 사용되는 구조이다. 이 데이터는 블록체인상에 기록된다.EOA-EOA간 거래 UntitledBlock : 몇 번째 블록에 이 트랜지션이 포함되었는지에 대한 정보를 포함하고 있음체크

Bitcoin 블록체인의 경우 UTXO 기반으로 상태값이 관리된다. 블록이 새로 생길 때마다 UTXO 사용여부를 업데이트 하는 식으로 사용자의 잔액이 관리된다.Ethereum 블록체인의 경우 State 기반으로 Account(계정)에 잔액, 데이터상태값이 저장되어 블록

Bitcoin으로 시작하는 블록체인 1.0을 시작으로 이를 확장한 Ethereum과 같은 블록체인 2.0 시대가 2010년대 중반부터 시작하게 되었다.2020년에 들어서는 Inter-Blockchain 기술을 통해 독립된 Blockchain들 간의 연결이 가능해짐에 따

2008년 금융위기금융위기로 인해서 중앙 금융기관과 정부의 무분별한 자금 발행에 대한 비판의식을 가진 Satoshi Nakamoto가 기관없이 거래 가능한 시스템 오픈CipherPunk 정부와 기관의 중앙집권화된 통제와 권력에서 벗어나 개인들의 자유와 사생활보호를 위해

JavaScript 최신 문법 지수 연산자 *을 두번 반복사용하여 간단하게 제곱처리를 할 수 있습니다. 언더바(_) 로 단위구분 _를 이용해 단위 구분이 가능해졌습니다. 템플릿 리터럴을 이용한 함수 실행

HTML이란 문서를 자바스크립트로 모델링한 것을 (Documnet Object Model)이라고 합니다.우리는 자바스크립트로 HTML을 조작하기 위해 DOM(Documnet Object Model)으로 모델링을 합니다.DOM은 노드 단위로 이루어져있으며 그 노드들은 트

Next.js는 모든 페이지를 기본적으로 미리 그려놓습니다.(pre-render)처음 클라이언트 쪽에서 HTML을 로드를 할 때, 이미 많은 부분이 그려져 있는 상태로 로드를 하게 됩니다.이후 js번들이 로드되면, 그제서야 Hydration이라는 과정을 거쳐서 사용자와

React.js는 라이브러리를 표방React공식 홈페이지에서도 A JavaScript library for building user interfaces라는 설명을 확인할 수 있습니다.=> 정리하면리액트의 경우 개발자가 상태를 어떻게 관리를 하고 싶은지에 대한 주도권을

HTML/CSS를 배운 후 처음으로 접했던 쿠팡레이아웃 클론 프로젝트이다. 화면이 처음 로드되는 동안 CSS스타일이 적용되지 전후가 깜박임으로 나타나게 되는 부분을 해결하지 못했었다.FOUC(Flash of Unstyled Content)는 브라우저로 웹문서에 접근했을