프레임워크
React 빠른 참조
React 빠른 참조용 인쇄 가능한 치트시트로, 빠른 조회와 학습, 책상 옆 참고용으로 정리되었습니다
미리보기
이 치트시트에 포함된 내용
- JSX 기본
- 컴포넌트
- 상태 (useState)
- 이펙트 (useEffect)
- 목록 및 키
- 이벤트 처리
- 조건부 렌더링
- 훅
- 커스텀 훅
- Context API
표현식 및 속성
const name = "Alice";
const el = <h1>Hello, {name}!</h1>;
const img = <img src={url} alt="photo" />;
JSX 규칙
{expression} | 모든 JS 표현식 삽입 |
className | `class` 대신 사용 |
htmlFor | `for` 대신 사용 |
style={{color: 'red'}} | 인라인 스타일을 객체로 |
<Component /> | 자기 닫힘 태그 필수 |
<> ... </> | 프래그먼트 (추가 DOM 노드 없음) |
모든 섹션이 포함된 인쇄용 치트시트 다운로드
PDF 다운로드다운로드
