프론트엔드/React 새 공식문서 요약

리액트 공식문서 요약, 퀵 스타트 (Quick Start)

목차 리액트 컴포넌트 마크업과 스타일 추가 방법 JS 내부 데이터 이용하는 방법 조건부 렌더링 방법 리스트 렌더링 방법 이벤트 응답 방법 훅스 사용 방법 화면 업데이트 방법 컴포넌트간 데이터 공유 방법 리액트 컴포넌트 컴포넌트란? 리액트 구성요소 로직과 모양을 가진 UI 단위 작은 버튼부터 전체 페이지까지 다 하나의 컴포넌트로 취급할 수 있다. 코드상에서는 마크업을 반환하는 JS 함수 컴포넌트의 예: MyButton 컴포넌트 이름은 대문자로 시작 HTML 태그는 소문자로 시작하는 것과 상반된다. function MyButton() { return I'm a button; } export default function MyApp() { return ( Welcome to my app ); } JSX..