리액트에서 상태 관리는 단순한 기술 선택이 아니라, 애플리케이션의 방향성과 수명을 결정짓는 핵심 설계다.

리액트 설계의 중요성과 원칙을 탐구하며, 관심사 분리, 단일 책임, 제어 위임 등의 패턴을 활용해 확장성과 유지보수성을 높이는 방법을 소개한다.

Vite를 사용한 트랜스파일, 폴리필 등 이모저모

TypeScript는 웹 개발의 표준이 되었지만, 이변성과 옵셔널 타입 등의 예외로 인해 예상치 못한 런타임 에러가 발생할 수 있다. 이를 방지하려면 타입 시스템을 깊이 이해해야 한다.

자바스크립트가 브라우저 표준이 된 역사와 인터프리터 언어로 설계된 이유, 그로 인한 문제점 및 최적화 노력을 탐구한다.

useEffect의 의존성 배열에는 useRef의 current 값을 넣지 말아야 한다.

React에서 useState, useEffect 등의 내장 Hook은 조건부로 사용할 수 없다. 단, useContext나 내장 Hook을 사용하지 않는 커스텀 Hook은 조건부 사용이 가능하다. 대안으로 컴포넌트를 조건부로 사용하는 방법이 있다.

타입스크립트는 자바스크립트로 가기 위한 길이다. 타입스크립트는 자바스크립트의 슈퍼셋 언어라는 것이다. 타입스크립트는 태생적으로 자바스크립트를 모태로 하고 있고 자바스크립트의 한계를 넘기 위해서 탄생했다. 자바스크립트 구문에 타입을 추가해서 단순한 프론트앤드 외의 분야에서도 자바스크립트 구문으로 좀 더 안정적인 개발을 하는 것을 목표로 하고 있다.

리액트 컴포넌트 내부 함수 선언과 재생성 방지 방법을 다룬다. useCallback을 활용한 메모이제이션과 외부 함수 선언의 장단점을 설명한다.

웹 성능 최적화 개요 및 지표, 초기 설정, 데이터 로드 최적화 기법을 다룬다. 최소한의 데이터로 빠르고 최적의 화면을 제공하는 전략을 탐구한다.

렌더링 및 실행 최적화를 위한 성능 개선 기법을 다룬다. FCP·TTI 개선, 레이아웃 변경 최적화, JS 실행 최적화 등의 전략을 탐구한다.

웹 접근성은 모든 사용자가 웹을 이용할 수 있도록 하는 개념으로, 시멘틱 태그 활용, 키보드 조작 지원, 대체 텍스트 제공 등을 통해 개선할 수 있다.

자바스크립트 비동기 처리에 대한 이해를 위해 필요한 개념들을 정리해 보았다.