# React 학습일지 [React] 리스트 렌더링부터 useState · useEffect · fetch까지 2026.07.10 · React + Vite · 컴포넌트 24~39 (Alert ~ Weather) 📋 오늘 한 일 오늘은 객체로 설정값을 묶는 패턴, map으로 배열을 화면 목록으로 그리기, MUI 라이브러리, 여러 컴포넌트 조립을 지나 드디어 React의 진짜 핵심인 useState(상태), useEffect(생명주기), 그리고 fetch로 외부 데이터 가져오기까지 왔다. "데이터가 바뀌면 화면이 자동으로 다시 그려진다"는 걸 오늘 직접 눈으로 확인했다. 중간에 헷갈렸던 구조 분해 할당과 스프레드 연산자는 정리해 코드 주석으로 남겨뒀다. ..

# React 학습일지 [React 입문] Vite로 시작하는 첫 React컴포넌트 · JSX · Props · 조건부 렌더링 2026.07.09 · React + Vite · 실습 컴포넌트 7개 (18 Hello ~ 24 Alert) 📋 오늘 한 일 드디어 React에 입문했다. 오전엔 "React가 대체 뭐고 왜 쓰는지", JSX 문법 규칙, 그리고 Node.js 설치 → Vite로 프로젝트 만들기 → 폴더 구조 이해까지 환경 세팅을 훑었다. 오후엔 src/components/ 폴더에 직접 컴포넌트를 만들어봤다 — 첫 컴포넌트(Hello)부터 시작해 props로 값 넘기기, 기본값 주기, 카드 만들기, 그리고 조건부 렌더링(&&와 삼항 연산자)까지 실습했다..