React

Toss의 SLASH 21 컨퍼런스에서 발표된 React Clean Code의 핵심 개념인 응집도, 단일 책임, 추상화를 실제 코드 예제와 함께 정리해서 공유합니다.

React의 렌더링이란 무엇인지, 렌더 페이즈와 커밋 페이즈의 차이, Fiber 오브젝트, Key와 렌더링, 배치 처리, 클로저와 state 스냅샷 등 React 렌더링의 기본 개념과 동작 방식에 대해서 공유합니다..

React 렌더링 성능 최적화의 필요성, React.memo, shouldComponentUpdate, PureComponent 등의 최적화 API, 참조 문제와 useCallback/useMemo를 활용한 Props 참조 최적화, 불변성, 성능 측정 방법, React Compiler에 대해서 공유합니다.

Vite를 사용하여 생성한 TypeScript 기반 React 프로젝트에 CSS-in-JS 환경에서 스타일(CSS)을 검사하기 위해 Stylelint를 추가하는 방법에 대해서 알아보도록 하겠습니다.

Vite를 사용하여 생성한 TypeScript 기반 React 프로젝트에 Prettier를 추가하여 코드 포멧을 일관성있게 관리하는 방법에 대해서 알아보도록 하겠습니다.

Vite를 사용하여 생성한 TypeScript 기반 React 프로젝트에 테스트 환경을 구성하는 방법에 대해서 알아보도록 하겠습니다.

Vite를 사용하여 TypeScript 기반 React 프로젝트를 시작하는 방법에 대해서 알아보도록 하겠습니다.

나만의 create-react-app용 커스텀 템플릿을 제작하고 이를 활용하여 React 프로젝트를 생성해봅시다.

Emotion을 사용할 때, 발생하는 React does not recognize the XXXXX prop on a DOM element 문제를 해결하는 방법에 대해서 알아봅시다.

TypeScript 기반의 Next.js에 UI 라이브러리인 MUI(Material UI)를 추가하고 사용하는 방법에 대해서 알아보도록 하겠습니다.

TypeScript 기반의 Next.js에서 next-translate을 사용하여 다국어를 지원하는 방법에 대해서 알아보도록 하겠습니다.

TypeScript를 기반으로 한 Next.js 프로젝트에 적용한 Storybook의 배경색을 변경하는 방법에 대해서 알아봅시다.