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. 코드의 사용성. - 코드의 사용성이란 같이 협업하는 개발자가 내 코드를 보고 쉽게 파악할 수 있는지, 그리고 컴포넌트를 구현했을 때 그 컴포넌트를 손쉽게 사용할 수 있는지를 의미한다. 즉, 변수명 및 파일명 작성과 컴포넌트의 사용성 이 두가지로 나누어서 생각해보겠다. 1) 변수명 및 파일명 작성 : 변수 및 각..