올해(2022년) React 18버전이 출시되면서 몇 가지 변경점과 새로운 기능들이 추가되어는 데요, React 관련 타입 정의에서도 BREAKING CHANGES…

디자인 시스템을 개발할 때 컴포넌트의 프로퍼티를 좀 더 깔끔하게 만들 수는 없을까 고민하면서 이런저런 글을 보다가 Compound Componets…

React 작업을 하다 보면 간혹 다음과 같은 경고나 오류 문구를 볼 수 있는데, 이는 제어 컴포넌트(Controlled Component…

회사에서 새로운 프로젝트를 진행할 때마다 항상 크게 고민했던 부분은 상태 관리를 어떻게 할까? 였습니다. 과거 프로젝트는 매번 Redux로 상태를 관리하고 사이드이펙트들은 Redux-saga나 Redux-thunk, Redux-ovservable…

안녕하세요. 오늘은 프로젝트 진행중에 Render Props를 잘못 사용해서 고생했던 이야기를 해보고자 합니다. 정확하게 Render Props가 무엇인지, 그리고 어떻게 주의해서 사용해야하는지 알아보겠습니다. Render Props The term…

Hook 사용 규칙과 Hook을 잘못 사용했을 때 어떠한 문제가 있는지 알아보도록 하겠습니다.

Nextjs에서는 환경 변수 제공을 위해 dotenv…

블로그나 사이트를 만들다보면 manifest설정(Gatsby starter를 사용한다면 ‘gatsby-plugin-manifest’플러그인을 볼 수 있을겁니다)을 발견할수 있습니다. manifest가 무엇인지 찾아보면 PWA…

보통 React Suspense라고 하면 React.lazy를 이용해서 비동기적으로 컴포넌트를 가져오고, 이를 통해서 코드 분할을 하여 리액트 어플리케이션의 초기 로딩 속도를 높이는 이야기를 많이 합니다. (React18에서는 SSR…

Iterator pattern은 배열과 같은 순차적인 데이터를 순회하기 위한 방법으로, javascript ES6(ECMA2015) 버전부터 Symbol과 함께 추가된 개념입니다. ES…