Now or Never

라이브러리에 대한 고찰 및 SWR관련 이슈 해결 기록 회사에서는 SWR을 사용하고 있다. SWR을 간단하게 소개하면, 데이터 fetch 라이브러리로써 내부적으로 처리되는 로직으로인해 컴포넌트는 수시로 업데이트된 데이터의 stream을 받을 수 있다. 따라서 SWR은 알림기능, 라이브 기능 등에 최적화된 라이브러리라고 할 수 있다. `With SWR, components will get a stream of data updates constantly and automatically. And the UI will be always fast and reactive.` 이번에 발생한 이슈는 SWR API의 다양한 기본 옵션중에서 ShouldRetryOnError와 관련된 이슈였다. shouldRetryOnErr..

Goal - Non-null assertion operator란? Non-null assertion operator란? 접미에 붙는 느낌표(!) 연산자인 단언 연산자는 해당 피연산자가 null, undeifned가 아니라고 단언해준다. 해당 피연산자가 null, undefined가 아닌 타입의 value를 갖는다고 프로그래머가 단언할 때 에러등을 방지하기 위해 사용한다. // Compiled with --strictNullChecks function validateEntity(e?: Entity) { // Throw exception if e is null or invalid entity } function processEntity(e?: Entity) { validateEntity(e); let s =..

Goal - React Fragments란? - React Fragments를 사용하는 이유 - React Fragments 사용시 주의할 점 React Fragments : 리액트 프래그먼트는 다수의 엘리먼트를 반환하는 컴포넌트를 위한 패턴으로, DOM에 부가적인 노드의 추가 없이 children을 그룹핑 할 수 있게 해준다. A common pattern in React is for a component to return multiple elements. Fragments let you group a list of children without adding extra nodes to the DOM. 리엑트에서 컴포넌트가 반환하는 return 문 안에는 반드시 하나의 최상위 태그가 있어야 한다. 이는 ..

1. typscript install ( typescript in your project ) 1) vscode에 타입스크립트 설치 - npm npm install typescript --save-dev - yarn yarn add typescript --save-dev 2) ts-node 설치 - npm npm i -g ts-node // 전역 설치 - yarn yarn global add ts-node 3) code runner extension 설치 (vscode의 extension에서 설치 가능) * 참고 자료 ( Nodejs 에서 타입스크립트(Typescript) 사용하기 ) + eslint설정 + prettier설정 * 위와 같은 과정에도 타입스크립트 실행이 안될 경우 다음 명령어 실행 npm ..