고정 콘텐츠: 대부분
소개 문서나 단순 랜딩처럼 바뀌는 상태가 적다면 HTML, CSS, 작은 스크립트만으로 충분할 수 있습니다.
React가 유리한 화면
React는 모든 웹페이지의 기본값이라기보다, 데이터 변화와 UI 갱신을 계속 맞춰야 하는 화면에서 구조적 비용을 줄여주는 선택입니다.
작은 인터랙션만 필요하다
메뉴 열기나 상태가 거의 없는 탭 정도라면 순수 자바스크립트로도 유지 비용이 낮게 유지됩니다.
데이터 변경이 화면 전반에 퍼진다
좋아요, 댓글, 필터, 권한 UI처럼 같은 상태를 여러 곳에서 읽으면 React의 렌더링 모델이 강해집니다.
같은 화면 조각을 계속 조립한다
카드, 목록, 모달, 폼을 컴포넌트로 나누면 수정 범위와 재사용 기준이 선명해집니다.
화면 책임을 나눠 맡아야 한다
컴포넌트 경계는 담당 영역을 나누고, props는 컴포넌트 사이의 약속을 드러냅니다.
학습과 구조 규칙이 함께 생긴다
React를 쓰면 빌드 도구, 상태 설계, 팀 규칙도 필요하므로 화면 복잡도와 이점을 함께 봐야 합니다.
정적HTML 중심
부분 동작작은 JS
상태 확산구조 필요
React컴포넌트화
읽는 포인트 React의 등장은 문법 유행보다 동적인 웹에서 상태와 화면을 안정적으로 맞추려는 요구에서 시작되었습니다.