React

리액트(react)는 2013년에 페이스북에서 발표한 오픈소스 자바스크립트 프레임워크

특징

• 가상 Dom(Virtual Document Object Model)
• JSX(javascript XML)
• SPA(single page application) : 백엔드에서 받은 JSON 데이터를 해석하여 현재 화면에서 사용자가 새로 요청한 부분만 동적으로 화면을 생성.
• 클라이언트에서 동작하는 템플릿 엔진 : 서버쪽 템플릿 엔진의 출력물은 HTML이지만 프론트엔드쪽 템플릿 엔진의 출력물은 DOM객체들의 조합.

---

Table of contents

• 1. React 기본설정
• 2. React 기본구조
• 3. 컴포넌트 만들기
• 4. props
• 5. 조건부 랜더링
• 6. 데이터 정렬
• 7. events
• 8. useState hook
• 9. onChange event handler
• 10. update OBJECTS in state
• 11. to-do list app
• 12. useEffect hook
• 13. useContext hook
• 14. useRef hook
• 15. axios
• 16. React Router
• 17. Zustand
• 18. Supabase Auth with React
• 19. ToDo App - React FastApi 연동