🔥
메가테라
  • megaptera-frontend
  • 1주차
    • 개발 환경
    • TypeScript
    • React
    • Testing Library
    • Parcel & ESLint
  • 2주차
    • jsx란?
    • syntax-sugar란?
    • React Element
    • React Strict Mode
    • VDOM(Virtual DOM)
  • 3주차
    • React Component
      • REST API
      • Graphql
      • REST API vs Graphql
      • JSON
      • DSL
      • 선언형 프로그래밍, 명령형 프로그래밍
      • SRP(단일 책임 원칙)
      • Atomic Design
      • React Component props
    • React State
      • React state
      • DRY 원칙
      • SSOT(Single Source of Truth)
      • React useState
      • 1급 객체(first-class object)란?
      • Lifting State Up
  • 4주차
    • Express
    • Fetch API & CORS
    • React의 Hook
    • useHooks-ts
    • SWR
    • React-query
  • 5주차
    • TDD
    • React Testing Library
    • Mocking Fixture
    • MSW
    • Playweight
  • 6주차
    • External Store
    • useReducer
    • useCallback
    • tsyringe
    • Redux
    • Reflect
    • usestore-ts
    • useSyncExternalStore
  • 7주차
    • Routing
    • Router
    • Router Provider
    • Navigation
  • 8주차
    • Design System
    • Style Basics
    • CSS-in-JS
    • styled-components
    • props-attrs
    • Global Style & Theme
  • 9주차
Powered by GitBook
On this page
  • 학습 목표
  • 목차

2주차

학습 목표

  • JSX에 대해 자세히 알아보기

  • JSX와 Virtual DOM을 통해 React가 어떤 것을 해결하고자 하였는지 알아보기

목차

  • jsx란?

  • Syntax Sugar란?

  • React Element

  • React Strict Mode

  • VDOM(Virtual DOM)

  • Reconciliation(재조정) 과정은 무엇인가?

PreviousParcel & ESLintNextjsx란?

Last updated 2 years ago