Frontend
Home / Frontend
컴포넌트 구현뿐 아니라 상태, 렌더링, 성능과 접근성 사이의 경계를 기록합니다.
다루는 주제
React · Next.js · CSS · Accessibility · State · Rendering
글 목록
- 10장 일정 관리 웹 애플리케이션 만들기
- 11장 컴포넌트 성능 최적화
- 12장 immer 사용해서 불변성 유지하기
- 1장 리액트 시작
- 2장 JSX
- 3장 컴포넌트
- 4장 이벤트 핸들링
- 5장 ref DOM에 이름달기
- 6장 컴포넌트 반복
- 7장 컴포넌트의 라이프사이클 메서드
- 8장 Hooks
- 9장 컴포넌트 스타일
- 라우트 기반 코드 스플리팅의 효과
- 리스트 key에 index를 쓰면 생기는 문제
- 리액트를 다루는 기술 정리
- 사용자 정의 컴포넌트 네이밍 오류
- 상태를 가까이 두는 것이 좋은 이유
- 서버 전용 환경 변수를 클라이언트에서 숨기기
- 에러 바운더리가 잡지 못하는 오류
- 웹 접근성을 위한 키보드 포커스 설계
- Controlled Component와 Uncontrolled Component 비교
- cross-origin set cookie
- CSS Specificity를 낮게 유지하는 방법
- Debounce와 Throttle을 선택하는 기준
- Flexbox와 Grid를 선택하는 기준
- Next.js Server Component와 Client Component 경계
- Optimistic Update와 롤백 설계
- React 렌더링과 재렌더링의 차이
- React Context가 성능 문제를 만드는 경우
- React Query에서 서버 상태를 따로 관리하는 이유
- React에서 WebWorker사용하기
- SSR Hydration 불일치가 생기는 이유
- Tailwind에서 디자인 토큰을 유지하는 방법
- useEffect 의존성 배열을 거짓말하면 생기는 문제
- useRef vs global Variable
- useRef와 전역 변수의 차이
- useState 업데이트가 즉시 반영되지 않는 이유