2026-01-09

📝 React 기초 학습 회고

Tags: #React #Frontend #StudyLog

💡 핵심 요약

오늘 React 기초 퀴즈를 풀며 혼동했던 개념들을 정리했습니다. React는 단순히 라이브러리가 아니라 컴포넌트 단위로 UI를 조립하는 방식임을 다시금 깨달았습니다.

1. 주요 오개념 바로잡기

• State는 ‘통장’이다: 불변 데이터가 아니라, 컴포넌트가 기억하고 관리하는 변경 가능한 데이터입니다.
• JSX ≠ HTML: className, htmlFor, onClick 등 JavaScript 예약어와의 충돌을 피하기 위한 고유 문법을 준수해야 합니다.
• Props vs State: Props는 부모가 주는 ‘읽기 전용’ 데이터(택배), State는 내가 관리하는 데이터(지갑)로 명확히 구분됩니다.

2. React 핵심 철학

• 선언적 UI: “어떻게”가 아닌 “무엇을” 보여줄지에 집중합니다.
• Virtual DOM: 변경된 부분만 효율적으로 감지하여 업데이트합니다.
• 컴포넌트 규칙: 함수명은 대문자로 시작하고, 반드시 JSX를 반환해야 합니다.

📌 향후 계획

교재(teach.md) 정독과 useState 실습을 통해 오늘 정리한 개념을 코드로 체화할 예정입니다.